/* =============================================================================================
   Theme "quasi": Quasi, the holding company. Also the default theme: sign-in pages and companies
   without a theme of their own.
   - Neutral and professional: ink (near-black slate) with one indigo accent. No brand logo yet:
     a simple wordmark (logo.svg / logo-dark.svg), indigo "Q" + ink letters.
   - Only tokens live here; every component is in /css/site.css. See README "Adding a theme".
   ============================================================================================= */

/* ---- Tokens: light ------------------------------------------------------------------------- */
:root,
[data-bs-theme="light"] {
  --tt-primary: #4338ca;          /* indigo: 7.9:1 with white */
  --tt-primary-hover: #3730a3;
  --tt-primary-active: #312e81;
  --tt-on-primary: #ffffff;
  --tt-primary-subtle: #eef0fd;
  --tt-primary-rgb: 67, 56, 202;

  --tt-danger: #b42318;           /* 6.5:1 with white */
  --tt-danger-hover: #912018;
  --tt-danger-subtle: #fdecea;
  --tt-danger-text: #7a1a12;
  --tt-warning-subtle: #fdf3d8;
  --tt-warning-text: #6b4a00;
  --tt-success: #15803d;
  --tt-success-subtle: #e6f4ea;
  --tt-success-text: #14532d;
  --tt-info-subtle: #eef0fd;
  --tt-info-text: #312e81;

  --tt-bg: #f6f7f9;
  --tt-surface: #ffffff;
  --tt-surface-2: #eef0f4;
  --tt-border: #d9dde5;
  --tt-text: #111827;             /* 16.9:1 on --tt-bg */
  --tt-muted: #4b5563;            /* 7.6:1 on white */
  --tt-chip-bg: #eef0fd;
  --tt-chip-text: #312e81;
  --tt-shadow: 0 1px 2px rgba(17, 24, 39, .06), 0 2px 8px rgba(17, 24, 39, .06);
  --tt-focus: #6366f1;

  /* Brand: accents shown in the style guide, header stripe, logo, fonts */
  --tt-accent-1: #4338ca;         /* indigo: the "Q" */
  --tt-accent-2: #1f2937;         /* ink: the letters */
  --tt-accent-3: #9ca3af;         /* slate grey */
  --tt-stripe: linear-gradient(90deg, #1f2937 0 50%, #4f46e5 50% 100%);
  --tt-logo-width: 112px;
  --tt-logo-height: 32px;
  --tt-logo-plate: transparent;
  --tt-logo-plate-padding: 0;
  --tt-font-body: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --tt-font-heading: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ---- Tokens: dark -------------------------------------------------------------------------- */
[data-bs-theme="dark"] {
  --tt-primary: #a5b4fc;          /* light indigo with dark text: 8.8:1 */
  --tt-primary-hover: #c7d2fe;
  --tt-primary-active: #e0e7ff;
  --tt-on-primary: #111827;
  --tt-primary-subtle: #23214f;
  --tt-primary-rgb: 165, 180, 252;

  --tt-danger: #f87171;
  --tt-danger-hover: #fca5a5;
  --tt-danger-subtle: #3b1314;
  --tt-danger-text: #fecaca;
  --tt-warning-subtle: #3a2e0d;
  --tt-warning-text: #fde68a;
  --tt-success: #4ade80;
  --tt-success-subtle: #0f2e1b;
  --tt-success-text: #bbf7d0;
  --tt-info-subtle: #23214f;
  --tt-info-text: #c7d2fe;

  --tt-bg: #0f1115;
  --tt-surface: #171a21;
  --tt-surface-2: #1f232c;
  --tt-border: #2e3440;
  --tt-text: #e5e7eb;             /* 15.4:1 on --tt-bg */
  --tt-muted: #9ca3af;            /* 7.1:1 on --tt-surface */
  --tt-chip-bg: #23214f;
  --tt-chip-text: #c7d2fe;
  --tt-shadow: 0 1px 2px rgba(0, 0, 0, .4);
  --tt-focus: #818cf8;

  --tt-accent-1: #a5b4fc;
  --tt-accent-2: #e5e7eb;
  --tt-stripe: linear-gradient(90deg, #4b5563 0 50%, #818cf8 50% 100%);
}

/* ---- Logo (a rule, not a variable: url() must resolve next to this file) ------------------- */
.brand-logo { background-image: url("logo.svg"); }
[data-bs-theme="dark"] .brand-logo { background-image: url("logo-dark.svg"); }