/* DV360 Dashboard · Design Tokens v1.1
   Updates: Century Gothic family, USD-first, neutralised negatives (no red in routine UI)
*/
:root {
  /* Palette — TZ §2.1 (anchor HEX preserved) */
  --c-primary:        #1A73E8;
  --c-primary-dark:   #174EA6;
  --c-primary-50:     #E8F0FE;
  --c-primary-100:    #D2E3FC;

  --c-success:        #188038;
  --c-success-50:     #E6F4EA;

  --c-warning:        #F9AB00;
  --c-warning-50:     #FEF7E0;
  --c-warning-700:    #B06000;

  /* Red kept ONLY for real system errors / API failures.
     Negative deltas, low viewability, etc. use neutral tokens below. */
  --c-error:          #D93025;
  --c-error-50:       #FCE8E6;

  /* Neutral "negative" — replaces red in routine signals. */
  --c-neg:            #5F6368;
  --c-neg-50:         #ECEEF1;
  --c-neg-strong:     #3C4043;

  --c-text:           #202124;
  --c-text-2:         #5F6368;
  --c-text-3:         #80868B;
  --c-border:         #E0E3E7;
  --c-border-strong:  #C8CBCF;
  --c-surface:        #F1F3F4;
  --c-surface-2:      #F8F9FA;
  --c-surface-3:      #ECEFF1;
  --c-card:           #FFFFFF;

  /* Chart palette — red removed, gentler progression matched to DV360 screens */
  --c-chart-1: #1A73E8;   /* Blue 600 · мужчины · mobile */
  --c-chart-2: #9334E6;   /* Purple 500 · женщины */
  --c-chart-3: #9AA0A6;   /* Grey 500 · «неизвестно» */
  --c-chart-4: #12B5CB;   /* Cyan 500 · desktop */
  --c-chart-5: #188038;   /* Green 700 · tablet */
  --c-chart-6: #F9AB00;   /* Amber 500 · CTV */
  --c-chart-7: #FA7B17;   /* Orange 500 */
  --c-chart-8: #5E35B1;   /* Deep Purple */

  /* Elevation — flatter, closer to DV360 */
  --shadow-1: 0 1px 1px rgba(60,64,67,.05), 0 0 0 1px rgba(60,64,67,.04);
  --shadow-2: 0 1px 2px rgba(60,64,67,.10), 0 1px 4px rgba(60,64,67,.10);
  --shadow-3: 0 2px 6px rgba(60,64,67,.14), 0 6px 16px rgba(60,64,67,.14);
  --shadow-4: 0 8px 20px rgba(60,64,67,.18), 0 16px 32px rgba(60,64,67,.20);

  /* Radius */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-pill: 999px;

  /* Type — DM Sans (Google Fonts). Closest free match to DV360's Google Sans:
     same humanist-geometric character, refined numerals, polished cap heights. */
  --ff-sans: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ff-mono: 'DM Mono', 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Spacing */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 40px; --sp-8: 56px;

  /* Density */
  --row-h: 44px;
  --control-h: 36px;
  --control-h-sm: 28px;
}

html, body {
  background: var(--c-surface);
  color: var(--c-text);
  font-family: var(--ff-sans);
}
body { margin: 0; font-size: 14px; line-height: 20px; -webkit-font-smoothing: antialiased; letter-spacing: .1px; }
* { box-sizing: border-box; }
button { font-family: inherit; }
code { font-family: var(--ff-mono); font-size: 12px; }

/* Century Gothic has wider letterforms — give numbers slightly tighter tracking */
.tabular { font-variant-numeric: tabular-nums; letter-spacing: 0; }