/* Just AiDL - modern dark AI-product aesthetic. Green credibility accent.
   Light SKS tokens kept so the embedded product demo renders as a light panel. */

:root {
  /* ---- light SKS tokens (used by .panel-light / the product demo) ---- */
  --surface-bg: #f7f5f0;
  --surface-card: #faf9f6;
  --surface-white: #ffffff;
  --surface-inset: #f2f0eb;
  --border: #e8e6e1;
  --border-hover: #c5c3bd;
  --border-light: #f0eee9;
  --border-input: #d5d3cd;
  --text-primary: #2d2d2a;
  --text-secondary: #5c5b56;
  --text-tertiary: #8a8880;
  --text-muted: #a09e97;
  --success: #3d7c3f; --success-bg: #e4efe4;
  --warning: #b8860b; --warning-bg: #f7eecd;
  --danger: #c0553a;  --danger-bg: #fbeae5;
  --info: #4a5699;    --info-bg: #e8eaf6;
  --brand: #b9791a;   /* demo accent, deep enough for light bg (follows picker) */

  /* ---- dark "ink" product surfaces ---- */
  --ink:    #0c0e0d;        /* page background */
  --ink-1:  #111413;        /* raised section / card */
  --ink-2:  #161a18;        /* hover / nested */
  --hair:   rgba(255,255,255,0.09);   /* hairline border */
  --hair-2: rgba(255,255,255,0.055);
  --cream:  #e9ede9;        /* primary text on dark */
  --dim:    #9aa39c;        /* secondary text */
  --faint:  #646b65;        /* tertiary text */

  /* ---- accent (tweakable via the picker). default: marigold ---- */
  --acc:     #f4b740;       /* bright accent - solid fills, on dark */
  --acc-2:   #cf8e23;       /* deeper */
  --acc-text: var(--acc);   /* accent used as TEXT/ICON (flips deeper on light) */
  --acc-ink: #1a1205;       /* text that sits ON the accent */
  --acc-tint: rgba(244,183,64,0.13);
  --acc-line: rgba(244,183,64,0.30);

  /* ---- secondary signal pops (safe-AI) ---- */
  --go:    #3ecf8e; --go-tint: rgba(62,207,142,0.13);
  --hold:  #e6b450; --hold-tint: rgba(230,180,80,0.13);
  --stop:  #e8765a; --stop-tint: rgba(232,118,90,0.13);
  --violet:#9d8bf0; --violet-tint: rgba(157,139,240,0.13);

  --font-heading: 'IBM Plex Sans', -apple-system, Segoe UI, sans-serif;
  --font-display: 'IBM Plex Sans', -apple-system, Segoe UI, sans-serif;  /* tweakable */
  --font-body: 'Inter', -apple-system, Segoe UI, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;

  --radius-scale: 1;        /* tweakable corner multiplier */
  --radius-sm: calc(6px * var(--radius-scale)); --radius-md: calc(8px * var(--radius-scale)); --radius-lg: calc(10px * var(--radius-scale)); --radius-xl: calc(14px * var(--radius-scale)); --radius-2xl: calc(18px * var(--radius-scale));
  --shadow-lift: 0 1px 0 rgba(255,255,255,0.04) inset, 0 12px 30px rgba(0,0,0,0.4);
  --shadow-light: 0 20px 50px rgba(0,0,0,0.5);
  --shadow-modal: 0 24px 60px rgba(0,0,0,0.55);
  --shadow-pop: 0 6px 22px rgba(0,0,0,0.4);

  --maxw: 1200px;
  --gutter: 40px;
}

/* ===== LIGHT THEME ===== */
.site.theme-light {
  --ink:    #f0eee8;        /* page background (warm paper) */
  --ink-1:  #ffffff;        /* cards */
  --ink-2:  #f6f4ee;        /* hover / nested */
  --hair:   rgba(0,0,0,0.10);
  --hair-2: rgba(0,0,0,0.055);
  --cream:  #23231f;        /* primary text */
  --dim:    #57564f;        /* secondary text */
  --faint:  #8a8880;        /* tertiary text */
  --acc-text: var(--acc-2); /* deeper accent for legible text on light */
  --acc-tint: rgba(244,183,64,0.16);
  --shadow-modal: 0 18px 44px rgba(0,0,0,0.13);
  --shadow-pop: 0 6px 22px rgba(0,0,0,0.08);
  background: var(--ink);
  color: var(--cream);
}
.site.theme-light .go, .site.theme-light .hold, .site.theme-light .stop { /* deepen pills for light */ }

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-body);
  color: var(--cream);
  background: var(--ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
ul { list-style: none; }
img { display: block; max-width: 100%; }

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal; font-style: normal; display: inline-block; line-height: 1;
  letter-spacing: normal; text-transform: none; white-space: nowrap; direction: ltr;
  font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* light island re-declares SKS surfaces locally so the demo renders light on a dark page */
.panel-light {
  --bg: var(--surface-bg);
  color: var(--text-primary);
}

::selection { background: var(--acc); color: var(--acc-ink); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #2a2f2c; border-radius: 5px; }
::-webkit-scrollbar-track { background: transparent; }