/*
  CarlosSuarezArt — Design Tokens
  Source of truth for every color, typeface, size, and spacing value on the
  site. Nothing outside this file should hardcode a hex value, a font name,
  or a raw pixel size — everything references a token defined here.

  Governed by: Creative Bible §7 (Logo), §8 (Typography), §9 (Color),
  §10 (Layout & White Space), §36 addendum (Artwork Accent Palette).
*/

:root{

  /* ===== Interface palette (Bible §9) — governs 100% of chrome: nav,
     buttons, dividers, body text. Never used for decoration; every use
     must be traceable to hierarchy, meaning, or division. ===== */
  --color-white:   #F8F7F4; /* Gallery White — the gallery wall, default resting state */
  --color-blue:    #1B2A4A; /* Museum Blue — used like a signature: wordmark, section markers only */
  --color-green:   #2D5A3D; /* Forest Green — thematic thread (nature content), never generic UI */
  --color-black:   #1A1A1A; /* Ink Black — text and fine detail, never a bold graphic block */
  --color-gray:    #6B6B6B; /* Warm Gray — supporting text, quiet, never competing with black */
  --color-border:  #E0DDD8; /* Stone Border — the only line-work color permitted: hairlines only */

  /* ===== Artwork Accent Palette (Bible §36 addendum) — for use ONLY
     inside/behind an artwork image itself (ambient tint, hover glow,
     frame detail). Never on navigation, buttons, section backgrounds,
     or any structural chrome — that boundary is the whole point of
     this palette existing separately from the interface palette above.
     Assigned per painting in the artwork data manifest, not globally. ===== */
  --accent-luminous-sky:    #7FA8C9; /* lighter, brighter blues — atmosphere */
  --accent-deep-blue:       #12233F; /* richer, darker than Museum Blue — shadow/depth */
  --accent-spiritual-light: #E3B667; /* warm gold/amber — light sources and glow in the work */
  --accent-natural-green:   #3E7A52; /* livelier, more varied green than Forest Green */
  --accent-contrast-shadow: #0D1220; /* near-black with cool undertone — dramatic passages */

  /* ===== Typefaces (Bible §8) — two only, no more. ===== */
  --font-serif: 'Fraunces', Georgia, serif;   /* the art speaking: headlines, titles, reflections */
  --font-sans:  'Work Sans', Arial, sans-serif; /* the institution speaking: nav, labels, body */

  /* ===== Type scale — deliberately four steps (Bible §8: "perhaps three
     or four across the entire site"). Do not add a fifth without
     revisiting the Bible section first. ===== */
  --text-display: clamp(2rem, 6vw, 4rem);        /* 32–64px — Home wordmark only */
  --text-heading: clamp(1.5rem, 3.5vw, 2.5rem);  /* 24–40px — section headings, artwork titles */
  --text-title:   1.0625rem;                      /* ~17px — card titles, taglines (scales 15–19px via context) */
  --text-body:    0.9375rem;                      /* 15px — nav, paragraphs, labels */
  --text-micro:   0.6875rem;                      /* 11px — eyebrows, wall-label metadata, footer */

  /* ===== Spacing scale — 8px base unit, geometric jumps. Generous at the
     top end on purpose: "room around a painting" should read as
     intentional, per Bible §10, not like leftover browser whitespace. ===== */
  --space-1: 0.5rem;   /* 8px */
  --space-2: 1rem;     /* 16px */
  --space-3: 1.5rem;   /* 24px */
  --space-4: 2rem;     /* 32px */
  --space-5: 3rem;     /* 48px */
  --space-6: 4rem;     /* 64px */
  --space-7: 6rem;     /* 96px */
  --space-8: 8rem;     /* 128px */
  --space-9: 10rem;    /* 160px */
  --space-10: 12.5rem; /* 200px */

  /* ===== Layout ===== */
  --content-max: 1180px;  /* main content container */
  --reading-max: 640px;   /* prose/text-block reading column (Tate-style measure) */

  /* ===== Motion ===== */
  --ease-gentle: cubic-bezier(0.22, 0.61, 0.36, 1);
  --duration-fade: 400ms;    /* sitewide page-load fade */
  --duration-reveal: 900ms;  /* scroll-reveal fade + rise */
}