/* =============================================================================
   Almaty Bars — Public Website Foundation
   DESIGN TOKENS
   =============================================================================
   WBS: WEB-04 (Shell и система заменяемых визуальных сцен)
   Source of decision: _WORK/00-control/WEB_VISUAL_DIRECTION.md (WEB-03)

   Values were measured on the brand one-pager (05-content/almaty-bars-one-pager-
   renderforest.html), not invented. See WEB_VISUAL_DIRECTION.md §2 for the exact
   rgb() readings each token below was derived from.

   NAMING NOTE: token names intentionally match names used by internal tools
   (--paper --ink --green --gold --line --muted --shadow --r), per WEB-02's
   contract decision. The VALUES here are independent and specific to the public
   site (dark) — this file is not shared with, and does not import from,
   frontend/shared or any internal tool's stylesheet. Matching names is a
   naming convention across the project, not a shared design-system import.
   ============================================================================= */

:root{
  /* ---- surfaces & ink ------------------------------------------------- */
  --paper:      #0c0c0e;   /* page background        measured rgb(12,12,14)   */
  --surface:    #131317;   /* panel / card background measured rgb(19,19,23)  */
  --ink:        #edeef0;   /* primary text            measured rgb(237,238,240)*/
  --ink-warm:   #f0e9d8;   /* warm accent text        measured rgb(240,233,216)*/
  --muted:      #a6a8ae;   /* secondary text          measured rgb(166,168,174)*/

  /* ---- accent ----------------------------------------------------------- */
  --gold:       #c8a24c;   /* accent                  measured rgb(200,162,76) */
  --gold-lt:    #e6c779;   /* light gold              measured rgb(230,199,121)*/

  /* ---- structural --------------------------------------------------------- */
  --line:       rgba(200,162,76,.28);
  --line-soft:  rgba(237,238,240,.10);
  --shadow:     0 24px 60px rgba(0,0,0,.55);
  --r:          14px;      /* corner radius, shell-wide */

  /* ---- typography (see WEB-04 README: font FILES are an OPEN item;
     the family stack below is the WEB-03 decision, rendered on system/
     fallback fonts until licensed webfont files are added) ---------------- */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-text:    "Golos Text", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* ---- rhythm ------------------------------------------------------------- */
  --measure: 68ch;                    /* max reading-line length */
  --pad:     clamp(20px, 5vw, 72px);  /* horizontal page padding */
  --gap:     clamp(56px, 9vw, 140px); /* vertical section rhythm */

  /* ---- focus (accessibility) ----------------------------------------------- */
  --focus-ring: 3px solid var(--gold-lt);
}