/* GOOGL Equity Research Dashboard, per-dashboard theme (color/font tokens).
   Loaded AFTER /assets/css/01..07. Edit GOOGL's palette and typeface here only.
   Brand: Google brand blue, distinct from green/red used by other dashes. */
:root{
  --bg:#F6F3E9; --panel:#FFFFFF; --ink:#2E3018; --muted:#5A5A50; --line:#E4DFCF; --chip:#EFEBDC;
  --accent:#4285F4; --on-accent:#15171a; --accent-soft:#DDE5E8; --accent-deep:#1A73E8; --accent-bright:#8AB4F8;
  --green:#1f7a4d;  --green-soft:#e9f3ea;
  --red:#b3261e;    --red-soft:#fbecea;
  --amber:#b4690e;  --amber-soft:#fbf2e3;
  --teal:#0e7490;   --teal-soft:#e3f1f5;
  --blue:#1d4ed8;
  --font-serif:Georgia,'Times New Roman',serif;
  --font-sans:'Inter','Helvetica Neue',Arial,sans-serif;
  --font-mono:'Inter','Helvetica Neue',Arial,sans-serif;

  /* Chart palette, values IDENTICAL to GOOGL's previous hardcoded chart literals,
     so this is a pure refactor. Read by getChartPalette() and merged into the
     dashboard.js `colors` scalars; the bespoke `palette` array stays in dashboard.js. */
  --chart-primary:#4285F4;
  --chart-secondary:#4285F4;
  --chart-warm:#b4690e;
  --chart-cool:#0e7490;
  --chart-positive:#1f7a4d;
  --chart-negative:#b3261e;
  --chart-neutral:#56514a;
  --chart-fill-alpha:0.12;
}
body.dark{
  --bg:#16130E; --panel:#211C15; --ink:#F2EFE3; --muted:#A8A192; --line:#322B20; --chip:#2A241B;
  --accent:#8AB4F8; --accent-soft:#272F3B;
  --green:#5fcf95;  --green-soft:#16291f;
  --red:#f08a82;    --red-soft:#2a1614;
  --amber:#e0a350;  --amber-soft:#2a2110;
  --teal:#5bd0e0;   --teal-soft:#0c2630;
  --blue:#8AB4F8;
  --accent-deep:#1A73E8;
  --accent-bright:#8AB4F8;
}
/* Mid-size header breakpoints, keep ribbon readable at 1040-1200px. */
@media (max-width: 1200px) {
  header.top { gap: 8px 14px; }
  .ribbon { gap: 10px; }
  .stamp { font-size: 11px; }
  .ribbon .kv:nth-child(n+6) { display: none; } /* drop Base PT */
}
@media (max-width: 1040px) {
  .ribbon .kv:nth-child(n+5) { display: none; } /* also drop EV/Sales */
}