/* Copyright 2026 Peter Avakian.
 * djanai-theme 0.4.0 — shared theme tokens for Aurora and Agentic Commit.
 * Master copy: Gitea peter/djanai-theme. Apps vendor this file unchanged
 * (scripts/vendor.sh); edit it here, never in an app.
 * Tokens only: no selectors besides :root, so including it changes nothing
 * until an app uses the variables.
 */
:root{
  /* Background: the app gradient runs bg-1 -> bg-2 -> bg-1 at 135deg. */
  --dj-bg-1:#0f0c1e;
  --dj-bg-2:#1a1635;

  /* Surfaces */
  --dj-surface:#1a1a2e;                 /* cards, panels, modals (solid) */
  --dj-surface-sunken:#0d0b1e;          /* code blocks, editors, previews */
  --dj-surface-raised:#2a2a4a;          /* small chips, counters, progress tracks on a panel */
  --dj-surface-input:rgba(13,11,30,.7); /* text inputs, textareas */
  --dj-surface-tint:rgba(255,255,255,.04); /* nested rows inside a panel */
  --dj-surface-chrome:rgba(15,15,26,.8);   /* header, sticky bars, overlays: use with backdrop blur */

  /* Lines: neutral by default, teal only for interactive/focused/selected. */
  --dj-line:rgba(255,255,255,.1);
  --dj-line-soft:rgba(255,255,255,.08);
  --dj-line-active:rgba(0,184,148,.3);

  /* Text. faint is for placeholders and disabled items only (3.4:1). */
  --dj-text:#e8e8f0;        /* 14.0:1 on surface */
  --dj-text-muted:#a0a0b8;  /*  6.7:1 */
  --dj-text-dim:#8a8aa8;    /*  5.1:1 */
  --dj-text-faint:#6c6c88;  /*  3.4:1 */

  /* Brand */
  --dj-accent:#00b894;
  --dj-accent-strong:#00997a;   /* hover/pressed, end of the primary-button gradient */
  --dj-accent-2:#00cec9;
  --dj-accent-soft:rgba(0,184,148,.12);
  --dj-violet:#a29bfe;          /* Aurora: AI features. Agentic Commit: staged/design state. */
  --dj-violet-soft:rgba(162,155,254,.13);
  --dj-indigo:#6c5ce7;          /* rare alternate accent */
  --dj-code:#a8e6cf;            /* code, CLI and config text */

  /* Category palette: avatars, chart series, document types. Order matters (series 1..8). */
  --dj-cat-1:#00b894; --dj-cat-2:#a29bfe; --dj-cat-3:#fd79a8; --dj-cat-4:#fdcb6e;
  --dj-cat-5:#74b9ff; --dj-cat-6:#55efc4; --dj-cat-7:#e17055; --dj-cat-8:#81ecec;

  /* Status */
  --dj-ok:#00cec9;       --dj-ok-soft:rgba(0,206,201,.12);
  --dj-warn:#fdcb6e;     --dj-warn-soft:rgba(253,203,110,.12);
  --dj-danger:#e17055;   --dj-danger-soft:rgba(225,112,85,.13);  /* recoverable errors, failed runs */
  --dj-critical:#d63031;                                          /* blocking failures */
  --dj-info:#74b9ff;     --dj-info-soft:rgba(116,185,255,.12);
  --dj-warn-strong:#f39c12;  /* orange: high severity, end of the amber gradient */
  --dj-on-accent:#0f0c1e;    /* text on bright fills: teal, coral, orange, amber, cyan, light violet (5.3-12.8:1) */
  --dj-on-strong:#ffffff;    /* text on strong fills: dj-critical red, dj-indigo (4.9:1); also white backgrounds (QR codes) */

  /* Type: whole pixels only. */
  --dj-font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;
  --dj-font-mono:'JetBrains Mono','Fira Code',ui-monospace,Menlo,'Courier New',monospace;
  --dj-fs-10:10px; --dj-fs-11:11px; --dj-fs-12:12px; --dj-fs-13:13px; --dj-fs-14:14px;
  --dj-fs-16:16px; --dj-fs-18:18px; --dj-fs-22:22px; --dj-fs-32:32px;

  /* Corner rounding */
  --dj-r-chip:4px;       /* chips, tags, inline code */
  --dj-r-control:6px;    /* buttons, inputs, selects, list rows */
  --dj-r-card:8px;       /* cards, panels, banners, toasts */
  --dj-r-container:12px; /* large containers, page columns, modals */
  --dj-r-pill:999px;     /* pills, badges, switches */

  /* Elevation */
  --dj-shadow-raised:0 4px 12px rgba(0,0,0,.3);
  --dj-shadow-card:0 8px 32px rgba(0,0,0,.2);
  --dj-shadow-overlay:0 20px 60px rgba(0,0,0,.5);
  --dj-shadow-brand:0 4px 12px rgba(0,184,148,.3);
  --dj-focus-ring:0 0 0 3px rgba(0,184,148,.15);

  color-scheme:dark;
}