/* ===========================================================================
   The platform's ground, ink and type — decided once.

   These are standalone pages with no build step, so until now every page kept
   its own palette and its own typeface, and eight pages had drifted into five
   different typographic systems: Inter at 14px, Inter at 15px, IBM Plex Sans at
   16.5px, and Arial at 13px on the three calculators. Nothing enforced a common
   look because nothing held one.

   This file holds it. Pages keep their own local token names — --paper, --bg,
   --page, whichever they already speak — but those names now resolve here, so a
   change to the ground or the ink happens in one place and reaches all of them.

   Two rules the whole platform observes:
     the page is white, and
     the only grey on screen is the well a photograph sits in.
   A tinted page makes every product photograph look slightly dirty, which is
   the one thing a jewellery catalogue cannot afford.
=========================================================================== */
:root{
  /* --- surfaces --- */
  --av-page:#FFFFFF;         /* the ground, everywhere */
  --av-raise:#FFFFFF;        /* panels: white on white, separated by a hairline */
  --av-sunk:#FAFAF9;         /* the faintest step — hover rows, banded tables */
  --av-well:#F0EFEC;         /* soft grey. Behind images, and nowhere else. */
  --av-well-line:#E7E5E0;

  /* --- rules --- */
  --av-line:#E6E2DA;
  --av-line-soft:#F1EEE9;

  /* --- ink. --av-muted labels things, so it has to survive the worst ground it
         ever sits on. #7D7565 cleared 4.5:1 on white but only reached 4.37:1 on
         --av-sunk, which is exactly where table headers and captions sit. A
         shade down fixes both: 4.76:1 on white, 4.60:1 on the band. --- */
  --av-ink:#16130E;
  --av-ink-2:#544E42;
  --av-muted:#7A7262;

  /* --- one metal, in two strengths. #B08A3E is 3.2:1 on white — enough for a
         border, a rule, or a filled button's ground, and not enough for a 10px
         uppercase label. Small gold text wears --av-gold-deep, at 4.9:1. --- */
  --av-gold:#B08A3E;
  --av-gold-deep:#8A6A28;
  --av-gold-wash:#FBF6EA;
  --av-gold-line:#E6DCC2;

  /* --- type. Cormorant for display and for listing prose; Inter for
         everything that is read as data. Inter carries tabular numerals, which
         is the job the calculators had been keeping a mono around for. --- */
  --av-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --av-sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --av-fs:15px;
  --av-lh:1.6;

  --av-shadow:0 1px 2px rgba(20,18,14,.05);
  --av-lift:0 18px 50px rgba(20,18,14,.10);

  /* --- the measure ---
     One column, one inset, one gap, one end. The pages had drifted to seven
     different side paddings — 16, 20, 22, 24, 26, 32, 34 — and seven different
     column widths between 1200 and 1620, so moving from Market Intelligence to
     Analytics shifted every edge on the screen sideways for no reason anyone
     could name. Worse, two of the widths were being set twice in the same file,
     with a later block quietly overriding the earlier one.

     These are deliberately tight. The old spacing spent a lot of the window on
     nothing, and a page of figures wants more room for the figures.

       --av-measure  the content column
       --av-pad      its inset from the window
       --av-gap      chrome to the page's own title
       --av-end      the last row to the bottom of the page

     --av-inset is the full-bleed form of the same measure: a bar that spans the
     window edge to edge, but whose contents land on the same pixel as the
     centred column, without needing an inner wrapper of its own. Below the
     column width it collapses to a plain --av-pad. */
  --av-measure:1400px;
  --av-pad:20px;
  --av-gap:20px;
  --av-end:48px;
  --av-inset:max(var(--av-pad), (100% - var(--av-measure)) / 2 + var(--av-pad));
}

html,body{background:var(--av-page)}
body{
  color:var(--av-ink);
  font-family:var(--av-sans);
  font-size:var(--av-fs);
  line-height:var(--av-lh);
  font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;
}

/* Deliberately no component rules here. This file decides the ground, the ink
   and the type; anything that claims a bare class name from a shared sheet will
   sooner or later land on a page that already uses that name for something
   else. Pages point their own image containers at --av-well. */