/* UD custom DaisyUI themes — ud-evening (dark default) and ud-day (light).
   Compiled form (selector + CSS variables), the same shape DaisyUI's CLI emits
   for built-in themes (see [data-theme=light]{...} in daisyui.css). Source-form
   `@plugin "daisyui/theme"` is NOT used because UD loads Tailwind via the CDN
   runtime, which does not process that directive (it is a Tailwind CLI
   build-time construct).

   Source: docs/superpowers/specs/2026-06-02-phase1-theme-foundation-design.md §3.2
*/

[data-theme="ud-evening"] {
  color-scheme: dark;

  --color-primary:           #FF402C;
  --color-primary-content:   #FFFFFF;

  --color-secondary:         #86EFAC;
  --color-secondary-content: #030100;

  --color-accent:            #FCD34D;
  --color-accent-content:    #030100;

  --color-neutral:           #111827;
  --color-neutral-content:   #CBD5E1;

  --color-base-100:          #0B0F19;
  --color-base-200:          #030100;
  --color-base-300:          #090909;
  --color-base-content:      #F8FAFC;

  --color-info:              #93C5FD;
  --color-info-content:      #030100;

  --color-success:           #86EFAC;
  --color-success-content:   #030100;

  --color-warning:           #FACC15;
  --color-warning-content:   #030100;

  --color-error:             #FCA5A5;
  --color-error-content:     #030100;

  --radius-selector: 0.5rem;
  --radius-field:    0.375rem;
  --radius-box:      0.75rem;
  --border: 1px;
  --depth: 1;

  /* ─── Phase 5 semantic tokens (additive) ────────────────────────────────
     Vocabulary copied verbatim from .ux_design/new_design_project2 — UX
     team's DaisyUI-aligned token system. Existing DaisyUI base/primary/etc
     stays; new views consume these semantic names instead of base-*. */

  /* Structural — physical layer hierarchy */
  --color-canvas:            #0B0F19;
  --color-substrate:         #030100;
  --color-surface:           #090909;
  --color-widget:            #0F172A;
  --color-border:            #263244;
  --color-row-divider:       #1E293B;

  /* Text contrast layers */
  --color-text-primary:      #F8FAFC;
  --color-text-body:         #CBD5E1;
  --color-text-mist:         #94A3B8;
  --color-text-muted:        #64748B;

  /* Brand accent + green companion */
  --color-accent-tint:               rgba(255, 77, 44, 0.10);
  --color-accent-border:             rgba(255, 77, 44, 0.35);
  --color-accent-green:              #86EFAC;
  --color-accent-green-tint:         rgba(134, 239, 172, 0.10);
  --color-accent-green-border:       rgba(34, 197, 94, 0.35);

  /* Severity (Nuclei findings) — 5 levels × {text, tint, border} */
  --color-sev-critical-text:    #FCA5A5;
  --color-sev-critical-tint:    rgba(239, 68, 68, 0.12);
  --color-sev-critical-border:  rgba(239, 68, 68, 0.35);
  --color-sev-high-text:        #FDBA74;
  --color-sev-high-tint:        rgba(249, 115, 22, 0.12);
  --color-sev-high-border:      rgba(249, 115, 22, 0.35);
  --color-sev-medium-text:      #FCD34D;
  --color-sev-medium-tint:      rgba(250, 204, 21, 0.12);
  --color-sev-medium-border:    rgba(250, 204, 21, 0.35);
  --color-sev-low-text:         #93C5FD;
  --color-sev-low-tint:         rgba(59, 130, 246, 0.12);
  --color-sev-low-border:       rgba(59, 130, 246, 0.35);
  --color-sev-info-text:        #86EFAC;
  --color-sev-info-tint:        rgba(34, 197, 94, 0.12);
  --color-sev-info-border:      rgba(34, 197, 94, 0.35);

  /* Status pill — 7 states (active NOT included; "olmayanı koyma") */
  --color-status-running-bg:      rgba(255, 77, 44, 0.12);
  --color-status-running-text:    #FF8A65;
  --color-status-scheduled-bg:    rgba(250, 204, 21, 0.12);
  --color-status-scheduled-text:  #FACC15;
  --color-status-paused-bg:       rgba(148, 163, 184, 0.12);
  --color-status-paused-text:     #CBD5E1;
  --color-status-completed-bg:    rgba(34, 197, 94, 0.12);
  --color-status-completed-text:  #86EFAC;
  --color-status-ended-early-text:#86EFAC;
  --color-status-stopped-bg:      rgba(100, 116, 139, 0.10);
  --color-status-stopped-text:    #64748B;
  --color-status-failed-bg:       rgba(239, 68, 68, 0.12);
  --color-status-failed-text:     #FCA5A5;

  /* Card */
  --color-card-bg:               #090909;
  --color-card-border:           #263244;
  --color-card-hover-border:     rgba(255, 120, 90, 0.22);
  --color-card-selected-border:  #FF4D2C;
  --color-card-shadow:           0 1px 2px rgba(0,0,0,0.36), 0 2px 8px rgba(0,0,0,0.28);
  --color-card-hover-shadow:     0 8px 28px rgba(0,0,0,0.48), 0 2px 8px rgba(0,0,0,0.24);

  /* Chip / attr-pill */
  --color-chip-bg:               #111827;
  --color-chip-border:           #334155;
  --color-chip-text:             #94A3B8;
  --color-chip-icon:             #64748B;

  /* Progress bar */
  --color-progress-track:        #334155;
  --color-progress-value:        #CBD5E1;

  /* Navigation (sidebar) */
  --color-nav-bg:                #030100;
  --color-nav-text:              #94A3B8;
  --color-nav-icon:              #64748B;
  --color-nav-active-bg:         rgba(255, 77, 44, 0.10);
  --color-nav-active-text:       #FF4D2C;
  --color-nav-hover-bg:          #162033;

  /* Header (topbar) */
  --color-header-bg:             #0D111C;
  --color-header-border:         #263244;

  /* Input */
  --color-input-bg:              #101827;
  --color-input-border:          #334155;
  --color-input-focus-ring:      rgba(255, 77, 44, 0.25);

  /* Badge semantic (5 colors × {text, stroke, bg}) */
  --color-badge-success-text:    #86EFAC;
  --color-badge-success-stroke:  rgba(34, 197, 94, 0.35);
  --color-badge-success-bg:      rgba(34, 197, 94, 0.12);
  --color-badge-warning-text:    #FACC15;
  --color-badge-warning-stroke:  rgba(250, 204, 21, 0.35);
  --color-badge-warning-bg:      rgba(250, 204, 21, 0.12);
  --color-badge-error-text:      #FCA5A5;
  --color-badge-error-stroke:    rgba(239, 68, 68, 0.35);
  --color-badge-error-bg:        rgba(239, 68, 68, 0.12);
  --color-badge-info-text:       #93C5FD;
  --color-badge-info-stroke:     rgba(59, 130, 246, 0.35);
  --color-badge-info-bg:         rgba(59, 130, 246, 0.12);
  --color-badge-neutral-text:    #CBD5E1;
  --color-badge-neutral-stroke:  #263244;
  --color-badge-neutral-bg:      #111827;
}

[data-theme="ud-day"] {
  color-scheme: light;

  --color-primary:           #FF402C;
  --color-primary-content:   #FFFFFF;

  --color-secondary:         #059669;
  --color-secondary-content: #FFFFFF;

  --color-accent:            #D97706;
  --color-accent-content:    #FFFFFF;

  --color-neutral:           #E2E8F0;
  --color-neutral-content:   #334155;

  --color-base-100:          #FFFFFF;
  --color-base-200:          #F8FAFC;
  --color-base-300:          #F1F5F9;
  --color-base-content:      #030100;

  --color-info:              #1D4ED8;
  --color-info-content:      #FFFFFF;

  --color-success:           #059669;
  --color-success-content:   #FFFFFF;

  --color-warning:           #D97706;
  --color-warning-content:   #FFFFFF;

  --color-error:             #B91C1C;
  --color-error-content:     #FFFFFF;

  --radius-selector: 0.5rem;
  --radius-field:    0.375rem;
  --radius-box:      0.75rem;
  --border: 1px;
  --depth: 1;

  /* ─── Phase 5 semantic tokens (additive, light) ──────────────────────── */

  /* Structural */
  --color-canvas:            #FFFFFF;
  --color-substrate:         #F8FAFC;
  --color-surface:           #F8FAFC;
  --color-widget:            #FFFFFF;
  --color-border:            #E2E8F0;
  --color-row-divider:       #E2E8F0;

  /* Text contrast */
  --color-text-primary:      #030100;
  --color-text-body:         #4B5563;
  --color-text-mist:         #64748B;
  --color-text-muted:        #94A3B8;

  /* Accent */
  --color-accent-tint:               rgba(255, 77, 44, 0.08);
  --color-accent-border:             rgba(255, 77, 44, 0.28);
  --color-accent-green:              #059669;
  --color-accent-green-tint:         rgba(5, 150, 105, 0.08);
  --color-accent-green-border:       rgba(5, 150, 105, 0.22);

  /* Severity */
  --color-sev-critical-text:    #B91C1C;
  --color-sev-critical-tint:    rgba(185, 28, 28, 0.07);
  --color-sev-critical-border:  rgba(185, 28, 28, 0.22);
  --color-sev-high-text:        #C2410C;
  --color-sev-high-tint:        rgba(194, 65, 12, 0.07);
  --color-sev-high-border:      rgba(194, 65, 12, 0.22);
  --color-sev-medium-text:      #D97706;
  --color-sev-medium-tint:      rgba(217, 119, 6, 0.07);
  --color-sev-medium-border:    rgba(217, 119, 6, 0.22);
  --color-sev-low-text:         #1D4ED8;
  --color-sev-low-tint:         rgba(29, 78, 216, 0.07);
  --color-sev-low-border:       rgba(29, 78, 216, 0.22);
  --color-sev-info-text:        #059669;
  --color-sev-info-tint:        rgba(5, 150, 105, 0.07);
  --color-sev-info-border:      rgba(5, 150, 105, 0.22);

  /* Status pill — 7 states */
  --color-status-running-bg:      rgba(255, 77, 44, 0.10);
  --color-status-running-text:    #D84315;
  --color-status-scheduled-bg:    rgba(250, 204, 21, 0.14);
  --color-status-scheduled-text:  #A16207;
  --color-status-paused-bg:       #F1F5F9;
  --color-status-paused-text:     #475569;
  --color-status-completed-bg:    #F0FDF4;
  --color-status-completed-text:  #15803D;
  --color-status-ended-early-text:#15803D;
  --color-status-stopped-bg:      #F8FAFC;
  --color-status-stopped-text:    #475569;
  --color-status-failed-bg:       rgba(239, 68, 68, 0.08);
  --color-status-failed-text:     #B91C1C;

  /* Card */
  --color-card-bg:               #FFFFFF;
  --color-card-border:           #CBD5E1;
  --color-card-hover-border:     rgba(255, 77, 44, 0.35);
  --color-card-selected-border:  #FF4D2C;
  --color-card-shadow:           0 1px 3px rgba(0,0,0,0.07), 0 4px 12px rgba(0,0,0,0.05);
  --color-card-hover-shadow:     0 8px 24px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.06);

  /* Chip */
  --color-chip-bg:               #F8FAFC;
  --color-chip-border:           #CBD5E1;
  --color-chip-text:             #475569;
  --color-chip-icon:             #64748B;

  /* Progress */
  --color-progress-track:        #E2E8F0;
  --color-progress-value:        #334155;

  /* Navigation */
  --color-nav-bg:                #FFFFFF;
  --color-nav-text:              #4B5563;
  --color-nav-icon:              #64748B;
  --color-nav-active-bg:         rgba(255, 77, 44, 0.08);
  --color-nav-active-text:       #FF4D2C;
  --color-nav-hover-bg:          rgba(0, 0, 0, 0.03);

  /* Header */
  --color-header-bg:             #FFFFFF;
  --color-header-border:         #E2E8F0;

  /* Input */
  --color-input-bg:              #FFFFFF;
  --color-input-border:          #CBD5E1;
  --color-input-focus-ring:      rgba(255, 77, 44, 0.18);

  /* Badge semantic */
  --color-badge-success-text:    #15803D;
  --color-badge-success-stroke:  #BBF7D0;
  --color-badge-success-bg:      #F0FDF4;
  --color-badge-warning-text:    #92400E;
  --color-badge-warning-stroke:  #FDE68A;
  --color-badge-warning-bg:      #FFFBEB;
  --color-badge-error-text:      #B91C1C;
  --color-badge-error-stroke:    rgba(185, 28, 28, 0.22);
  --color-badge-error-bg:        rgba(185, 28, 28, 0.07);
  --color-badge-info-text:       #334155;
  --color-badge-info-stroke:     #E2E8F0;
  --color-badge-info-bg:         #F8FAFC;
  --color-badge-neutral-text:    #475569;
  --color-badge-neutral-stroke:  #E2E8F0;
  --color-badge-neutral-bg:      #F8FAFC;
}