/* Smarter Prompting — design tokens
   Palette: slate-green neutrals, brass accent, verdigris secondary.
   Three theme states: bare :root (light), prefers-color-scheme (system), [data-theme] (explicit). */

:root {
  /* --- Neutrals: paper and ink, biased green --- */
  --ground:        #F7F8F6;
  --surface:       #FFFFFF;
  --surface-sunk:  #EFF1EE;
  --surface-raised:#FFFFFF;
  --border:        #DCE1DC;
  --border-strong: #C2CAC3;
  --ink:           #161A17;
  --ink-soft:      #3D4640;
  --ink-muted:     #5F6A62;
  --ink-faint:     #6E776F;

  /* --- Brass: brand + interactive --- */
  --accent:        #8A5F12;
  --accent-hot:    #A8741A;
  --accent-soft:   #F2E7CF;
  --accent-line:   #D9C193;
  --on-accent:     #FFFCF4;

  /* --- Verdigris: secondary / structural --- */
  --second:        #16584E;
  --second-hot:    #1E6E62;
  --second-soft:   #DCEDE9;
  --second-line:   #9CC8C0;

  /* --- Semantic, deliberately outside the brand hues --- */
  --ok:            #2C6E49;
  --ok-soft:       #DEEDE3;
  --warn:          #8A5A00;
  --warn-soft:     #F6E9CE;
  --crit:          #A32C22;
  --crit-soft:     #F7E0DD;

  --shadow-sm: 0 1px 2px rgba(22,26,23,.06), 0 1px 3px rgba(22,26,23,.04);
  --shadow-md: 0 2px 4px rgba(22,26,23,.05), 0 8px 24px rgba(22,26,23,.07);
  --shadow-lg: 0 4px 8px rgba(22,26,23,.06), 0 20px 48px rgba(22,26,23,.10);

  /* --- Type --- */
  --font-display: "Archivo", ui-sans-serif, system-ui, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-body: "Source Serif 4", ui-serif, Georgia, "Times New Roman", serif;
  --font-ui: "Archivo", ui-sans-serif, system-ui, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --t-xs: .75rem;
  --t-sm: .8125rem;
  --t-base: .9375rem;
  --t-md: 1.0625rem;
  --t-lg: 1.25rem;
  --t-xl: 1.5rem;
  --t-2xl: 1.9375rem;
  --t-3xl: 2.5rem;
  --t-4xl: 3.25rem;

  /* --- Space / geometry --- */
  --s1: .25rem; --s2: .5rem;  --s3: .75rem; --s4: 1rem;
  --s5: 1.5rem; --s6: 2rem;   --s7: 3rem;   --s8: 4rem;  --s9: 6rem;
  --r-sm: 3px; --r-md: 5px; --r-lg: 8px;
  --rail: 236px;
  --measure: 66ch;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground:        #111413;
    --surface:       #191D1B;
    --surface-sunk:  #0C0F0E;
    --surface-raised:#202523;
    --border:        #2C332F;
    --border-strong: #3D4642;
    --ink:           #E9EDE9;
    --ink-soft:      #C3CBC5;
    --ink-muted:     #97A19A;
    --ink-faint:     #8A948E;

    --accent:        #D9A441;
    --accent-hot:    #EBBB60;
    --accent-soft:   #33291320;
    --accent-line:   #5C4A21;
    --on-accent:     #17130A;

    --second:        #4FB3A2;
    --second-hot:    #6FC9B9;
    --second-soft:   #12302C;
    --second-line:   #2C5A53;

    --ok:            #63B98A;
    --ok-soft:       #16301F;
    --warn:          #D2A048;
    --warn-soft:     #31260F;
    --crit:          #E0796D;
    --crit-soft:     #351A17;

    --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
    --shadow-md: 0 2px 4px rgba(0,0,0,.35), 0 8px 24px rgba(0,0,0,.45);
    --shadow-lg: 0 4px 8px rgba(0,0,0,.4), 0 20px 48px rgba(0,0,0,.55);
  }
}

:root[data-theme="dark"] {
  --ground:        #111413;
  --surface:       #191D1B;
  --surface-sunk:  #0C0F0E;
  --surface-raised:#202523;
  --border:        #2C332F;
  --border-strong: #3D4642;
  --ink:           #E9EDE9;
  --ink-soft:      #C3CBC5;
  --ink-muted:     #97A19A;
  --ink-faint:     #8A948E;

  --accent:        #D9A441;
  --accent-hot:    #EBBB60;
  --accent-soft:   #33291320;
  --accent-line:   #5C4A21;
  --on-accent:     #17130A;

  --second:        #4FB3A2;
  --second-hot:    #6FC9B9;
  --second-soft:   #12302C;
  --second-line:   #2C5A53;

  --ok:            #63B98A;
  --ok-soft:       #16301F;
  --warn:          #D2A048;
  --warn-soft:     #31260F;
  --crit:          #E0796D;
  --crit-soft:     #351A17;

  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow-md: 0 2px 4px rgba(0,0,0,.35), 0 8px 24px rgba(0,0,0,.45);
  --shadow-lg: 0 4px 8px rgba(0,0,0,.4), 0 20px 48px rgba(0,0,0,.55);
}