/* =========================================================
   LYFT v2 - SILVER ON BLACK
   Single source of truth. Load this FIRST on every page.

   Colour strategy is 60-30-10:
     60%  MATTE BLACK    --matte*     page ground, bands, footer well.
                                      Flat fills only. No gradient, no sheen.
     30%  SHINING BLACK  --lacquer*   cards, panels, nav, fields, plates.
                                      Piano-lacquer: soft vertical sheen plus a
                                      1px specular top edge. Always LIGHTER than
                                      matte, never darker, or the "shine" reads
                                      as a hole instead of a surface.
     10%  SHINING SILVER --silver*    logo lines, CTAs, rules, numerals, focus.
                                      Always a gradient ramp with one bright
                                      specular band. A flat grey fill is not
                                      silver, it is just grey.

   Body copy is NOT part of the 10%. It sits in the neutral --text ramp.
   The moment running text goes silver, the accent stops being an accent.

   The theme is ONYX: cool blue-steel chrome, tight radii, filled CTAs.
   (A second option, "platinum", was built alongside this one for comparison
   and then dropped. Nothing outside this file referenced it.)
   ========================================================= */
:root{
  /* 60 - matte black */
  --matte:#09090A;        /* page ground */
  --matte-2:#0D0D0F;      /* alternate band */
  --matte-3:#050506;      /* deepest well, footer */

  /* 30 - shining black */
  --lacquer:#151518;      /* card / panel surface */
  --lacquer-2:#1D1D21;    /* elevated, hover, nested */
  --lacquer-3:#101013;    /* recessed, chips, inputs */
  --lacquer-sheen:linear-gradient(180deg,#202025 0%,#17171B 46%,#121215 100%);
  --lacquer-sheen-2:linear-gradient(180deg,#282830 0%,#1E1E23 48%,#18181C 100%);
  --specular:rgba(255,255,255,.070);   /* top-edge catch light */
  --specular-2:rgba(255,255,255,.115); /* same, on hover */

  /* 10 - shining silver */
  --silver:#C7CED6;
  --silver-hi:#F2F6F9;
  --silver-lo:#79808A;
  --silver-grad:linear-gradient(157deg,
      #FFFFFF 0%, #C3CAD2 20%, #848B94 42%,
      #EEF3F7 56%, #99A0A9 74%, #6E757E 100%);
  --silver-grad-t:linear-gradient(100deg,
      #FDFEFF 0%, #C9D0D8 28%, #8C939C 46%,
      #F1F5F8 60%, #98A0A9 82%, #7A818A 100%);
  --silver-rule:linear-gradient(90deg,
      transparent 0%, rgba(199,206,214,.10) 8%, #C7CED6 46%,
      #F2F6F9 52%, #9AA1AA 62%, rgba(199,206,214,.10) 92%, transparent 100%);

  /* text ramp - neutral, never silver */
  --text-hi:#F6F8FA;
  --text:#E8EBEE;
  --muted:#9AA1A9;
  --muted-2:#6E757D;
  --muted-3:#4C5158;
  --on-silver:#08080A;    /* text sitting ON a silver fill */

  --line:rgba(232,235,238,.085);
  --line-2:rgba(232,235,238,.150);
  --line-3:rgba(232,235,238,.240);
  --glass:rgba(24,24,28,.72);
  --accent-glow:rgba(199,206,214,.20);

  /* Primary CTA - a milled silver plate.
     A flat brushed VERTICAL ramp, deliberately not the 157deg chrome ramp: the
     chrome ramp belongs to the logo and the marked words, and repeating it on a
     button that sits in the nav of every page spends the whole 10% budget in one
     place. This keeps the silver fill, so the button still reads as the primary
     action, and drops the gloss/glow/slab that made it read as plastic. */
  --btn-bg:linear-gradient(180deg,#D6DCE2 0%,#BFC7CF 48%,#A9B1BA 100%);
  --btn-bg-hi:linear-gradient(180deg,#E6EBEF 0%,#CDD4DB 48%,#B6BEC6 100%);
  --btn-fg:var(--on-silver);
  --btn-bd:#8F979F;
  --btn-bd-hi:#A9B1BA;
  /* one specular hairline along the milled top edge, and a contact shadow.
     No coloured glow: metal does not glow. */
  --btn-sh:0 1px 0 rgba(255,255,255,.42) inset,0 6px 18px -10px rgba(0,0,0,.85);
  --btn-sh-hi:0 1px 0 rgba(255,255,255,.55) inset,0 8px 22px -10px rgba(0,0,0,.9);
  --btn-radius:3px;

  --silver-deep:#525A63;   /* dark steel; was the 3D button's extrusion edge */
  --radius:10px;
  --radius-lg:16px;

  /* cool filmic grade. No sepia, no hue-rotate, ever again. */
  --photo-filter:grayscale(.34) saturate(.78) contrast(1.12) brightness(.90);
}

/* ---------------------------------------------------------
   BACK-COMPAT ALIASES
   The page stylesheets were written against the old gold names.
   Rather than rewrite several hundred selectors, the old names are
   re-pointed at the new system. New work should use the names above.
   --------------------------------------------------------- */
:root{
  --ink:var(--matte);
  --bronze:var(--lacquer);
  --plate:var(--lacquer-3);
  --grey:var(--lacquer);
  --grey-hi:var(--lacquer-2);
  --grey-lo:var(--lacquer-3);

  --gold:var(--silver);
  --gold-hi:var(--silver-hi);
  --ivory:var(--text);
  --ivory-2:var(--muted);
  --white:#FFFFFF;

  --text-on-dark:var(--text);
  --muted-on-dark:var(--muted);

  --accent:var(--silver);
  --accent-2:var(--silver-hi);
}