/* Abundant Computer Services · design tokens
 * Source of truth: Abundant Brand Guidelines 2026. */

@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("assets/fonts/cinzel-var.woff2") format("woff2");
}
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("assets/fonts/jost-var.woff2") format("woff2");
}

:root {
  /* -- color · brand-locked ------------------------------------ */
  --color-paper:        #F5F1EC;   /* Linen — base surface        */
  --color-paper-2:      #EDE6DD;   /* Linen, one step deeper      */
  --color-card:         #FDFBF9;   /* raised surface              */
  --color-rule:         #DDD2C8;   /* hairlines                   */
  --color-ink:          #171310;   /* primary text                */
  --color-muted:        #5F564D;   /* secondary text (AA on linen)*/
  --color-soft:         #8B8178;   /* tertiary, large sizes only  */
  --color-copper:       #B5765A;   /* accent mid — rules, marks   */
  --color-copper-deep:  #8A5136;   /* accent dark — text-safe     */
  --color-copper-light: #E0A886;   /* accent light — on Ink only  */
  --color-ink-2:        #241E19;   /* raised surface on Ink       */
  --color-paper-on-ink: #FDFBF9;   /* text on Ink                 */
  --color-focus:        #8A5136;

  /* -- type ------------------------------------------------------ */
  --font-display: "Cinzel", "Times New Roman", ui-serif, serif;
  --font-body:    "Jost", "Century Gothic", ui-sans-serif, system-ui, sans-serif;

  /* scale · perfect fourth-ish, clamped fluid */
  --text-xs:        0.75rem;
  --text-sm:        0.875rem;
  --text-md:        1.0625rem;
  --text-lg:        1.25rem;
  --text-xl:        clamp(1.375rem, 1.1rem + 1.2vw, 1.75rem);
  --text-2xl:       clamp(1.75rem, 1.3rem + 2vw, 2.5rem);
  --text-display-s: clamp(2rem, 1.4rem + 2.8vw, 3.25rem);
  --text-display:   clamp(2.375rem, 1.5rem + 4vw, 4.25rem);

  /* tracking · deliberately tighter than the guide's +0.2/+0.3em —
     wide-tracked caps read engraved-invitation; the site keeps the
     guide's faces and colors but wears them at working width */
  --track-display: 0.05em;
  --track-caps:    0.08em;
  --track-label:   0.1em;

  /* -- space · 4pt ----------------------------------------------- */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --page-gutter: clamp(1.25rem, 5vw, 4rem);
  --wrap-max: 74rem;
  --measure: 62ch;

  /* -- rules & radius -------------------------------------------- */
  --rule-hair: 1px;
  --radius-oval: 50%;
  --radius-chip: 2px;


  /* -- motion ------------------------------------------------------ */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 140ms;
  --dur-minor: 260ms;
  --dur-major: 480ms;

  /* -- z ----------------------------------------------------------- */
  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 200;
}