/* ===========================================================================
 * AIDA shared theme — DEFAULT (dark)
 *
 * This is the single source of truth for the client-facing colour scheme shared
 * by aida-ui and aida-login-ui. The server serves the active client's theme at
 * /theme.css (selected by the CLIENT_THEME env var), and every page links to it
 * before its own stylesheet, so these :root tokens are available everywhere.
 *
 * To brand a new client: copy this file to themes/<client>.css, change the
 * tokens below (typically just the BRAND and CANVAS blocks), and set
 * CLIENT_THEME=<client>. No code or page changes required.
 *
 * Keep the token NAMES identical across every theme file and across both apps —
 * the page stylesheets consume these names, not the values.
 * ======================================================================== */

:root {
  /* --- Brand ------------------------------------------------------------ */
  /* The single accent colour. Drives links, active states, primary buttons,
     focus rings, table headers, and the office's accent chrome. */
  --brand-primary: #00d4ff;
  --brand-primary-rgb: 0, 212, 255;     /* same colour as channels, for rgba() */
  --brand-primary-hover: #33dfff;       /* hover/active variant of the accent  */
  --brand-on-primary: #06121f;          /* text/icon colour on a brand fill    */

  /* --- Canvas / surfaces (dark) ----------------------------------------- */
  --bg: #16213e;                                /* solid background fallback   */
  --bg-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  --surface: rgba(255, 255, 255, 0.05);         /* translucent panel on canvas */
  --surface-solid: #1e2740;                     /* opaque card (dashboard/login) */
  --surface-2: rgba(0, 0, 0, 0.3);              /* inset areas, inputs, code   */
  --surface-border: rgba(255, 255, 255, 0.1);
  --surface-hover: rgba(255, 255, 255, 0.08);
  --overlay: rgba(0, 0, 0, 0.8);                /* modal scrim                 */

  /* --- Text ------------------------------------------------------------- */
  --text: #e6e9f2;
  --text-strong: #ffffff;
  --text-muted: rgba(255, 255, 255, 0.7);
  --text-subtle: rgba(255, 255, 255, 0.5);

  /* --- Status (semantic — shared by forms, badges, stats) --------------- */
  --success: #10b981;
  --success-bright: #4ade80;
  --warning: #f59e0b;
  --warning-bright: #fbbf24;
  --danger: #ef4444;
  --danger-bright: #f87171;
  --info: #3b82f6;
  --info-bright: #60a5fa;

  /* --- Typography & shape ----------------------------------------------- */
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --font-mono: 'Consolas', 'Monaco', 'Menlo', monospace;
  --radius-sm: 6px;
  --radius: 12px;
  --radius-lg: 16px;
  --shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.5);
  --focus-ring: 0 0 0 2px rgba(var(--brand-primary-rgb), 0.35);
}