/* GITI SMART PROGRAM — COLOR
   Official Giti brand palette (brand guidelines, "Font & Colors"):
   Primary  — Pantone 123 C yellow (RGB 253/208/0) + black #10100F (RGB 16/16/15)
   Secondary — Pantone 425 C gray #58595B
   Everything else is a tint or shade of those three. */
:root{
  /* --- Brand (official) --- */
  --giti-yellow:#FDD000;        /* Pantone 123 C — primary action, active state, series 1 */
  --giti-black:#10100F;         /* brand black */
  --giti-gray:#58595B;          /* Pantone 425 C — secondary */

  /* --- Yellow tints (derived) --- */
  --giti-yellow-hot:#FFDA33;    /* hover */
  --giti-yellow-deep:#E0B800;   /* press / underline */
  --giti-yellow-wash:#FFF7D1;   /* tinted ground */

  /* --- Neutral ramp: neutral shades off the brand black (900-600), then 425 C → white --- */
  --ink-000:#000000;
  --ink-900:#10100F;            /* brand black */
  --ink-800:#1C1C1B;
  --ink-700:#282827;
  --ink-600:#383837;
  --ink-500:#58595B;            /* Pantone 425 C */
  --ink-400:#6D6E70;            /* muted text on white */
  --ink-300:#939598;
  --ink-200:#BCBEC0;
  --ink-100:#DCDDDE;            /* hairline */
  --ink-050:#EFEFF0;
  --paper:#F5F5F5;              /* app canvas */
  --paper-raised:#FFFFFF;
  --white:#FFFFFF;

  /* --- Data series: brand colors first, then gray steps --- */
  --data-1:#FDD000;
  --data-2:#10100F;
  --data-3:#58595B;
  --data-4:#939598;
  --data-5:#BCBEC0;
  --data-6:#FEE680;
  --data-track:#EFEFF0;
  --data-track-dark:#282827;
  --data-grid:#E6E7E8;
  --data-grid-dark:#282827;

  /* --- Semantic (functional only, muted) --- */
  --ok:#2E7D32;
  --ok-wash:#E8F3E9;
  --warn:#A86400;
  --warn-wash:#FDF2DD;
  --danger:#C62828;
  --danger-wash:#FBEAEA;
  --info:#58595B;
  --info-wash:#EFEFF0;

  /* --- Semantic aliases --- */
  --surface-canvas:var(--paper);
  --surface-card:var(--paper-raised);
  --surface-card-alt:var(--ink-050);
  --surface-inverse:var(--ink-900);
  --surface-accent:var(--giti-yellow);
  --surface-accent-wash:var(--giti-yellow-wash);

  --text-display:var(--ink-900);
  --text-body:var(--ink-900);
  --text-muted:var(--ink-400);
  --text-inverse:var(--white);
  --text-inverse-muted:var(--ink-200);
  --text-on-accent:var(--ink-900);
  --text-link:var(--ink-900);
  --text-link-hover:var(--giti-gray);

  --border-hairline:var(--ink-100);
  --border-strong:var(--ink-900);
  --border-hairline-dark:var(--ink-600);
  --border-accent:var(--giti-yellow);
  --focus-ring:var(--giti-yellow);
}
.giti-dark{
  --surface-canvas:var(--ink-900);
  --surface-card:var(--ink-800);
  --surface-card-alt:var(--ink-700);
  --surface-inverse:var(--paper-raised);
  --text-display:var(--white);
  --text-body:var(--white);
  --text-muted:var(--ink-200);
  --text-inverse:var(--ink-900);
  --text-inverse-muted:var(--ink-400);
  --text-link:var(--giti-yellow);
  --text-link-hover:var(--giti-yellow-hot);
  --border-hairline:var(--ink-600);
  --border-strong:var(--white);
  --data-track:var(--data-track-dark);
  --data-grid:var(--data-grid-dark);
  --data-2:#FFFFFF;
  color:var(--text-body);
  background:var(--surface-canvas);
}