/* =======================================================================
   STUDIO ALTO DA GLÓRIA — TOKENS
   -----------------------------------------------------------------------
   Global design tokens:
   - Font mappings
   - Color system
   - Spacing scale
   - Layout constraints
   ======================================================================= */

:root {
  /* ---------------------------------------------------
     TYPOGRAPHY — FONT FAMILY MAPPING
     (Adjust names to match your Adobe kit exactly)
  --------------------------------------------------- */

  /* Primary sans — Neue Haas Unica */
  --font-sans: "neue-haas-unica", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  /* Secondary serif — Freight Display Pro */
  --font-serif: "freight-display-pro", Georgia, serif;

  /* ---------------------------------------------------
   EXPRESSIVE — MUIRMCNEIL TWOTYPE SYSTEM VARIANTS
   (Only define the ones you load in fonts.css)
--------------------------------------------------- */

--font-expressive-block-extralight: "MMcN TwoType Block ExtraLight", system-ui, sans-serif;
--font-expressive-block-light:       "MMcN TwoType Block Light", system-ui, sans-serif;
--font-expressive-block:             "MMcN TwoType Block", system-ui, sans-serif;
--font-expressive-stroke: "MMcN TwoType Stroke", system-ui, sans-serif;
/* Add more as you need them: */
/* --font-expressive-outline: "MMcN TwoType Outline", system-ui, sans-serif; */
/* --font-expressive-stencil: "MMcN TwoType Stencil", system-ui, sans-serif; */
/* --font-expressive-grid: "MMcN TwoType Grid", system-ui, sans-serif; */
	
/* Default expressive voice (used where variant not specified) */
  --font-expressive: var(--font-expressive-stroke);
  --font-display: var(--font-expressive-block);
	
	/* Heavy expressive Block (TwoBlock B 192 ExtraBold) */
  --font-expressive-block-heavy: "MMcN TwoType Block Heavy", system-ui, sans-serif;

  /* Strong display variant, for manifesto moments (like STANCE) */
  --font-display-strong: var(--font-expressive-block-heavy);

  /* ---------------------------------------------------
     COLOR SYSTEM
  --------------------------------------------------- */

  --bg: #000000;
  --fg: #ffffff;
  --fg-dim: #b5b5b5;

  /* Identity accent colors */
  --accent-cyan: #32bced;
  --accent-magenta: #e12661;
  --accent-green: #82c341;
  --accent-orange: #f48921;

  /* Optional subtle UI shades */
  --border-subtle: transparent;
  --panel-soft: rgba(255, 255, 255, 0.04);

  /* ---------------------------------------------------
     SPACING SCALE
     (Rhythmic vertical system)
  --------------------------------------------------- */

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.75rem;
  --space-4: 2.5rem;
  --space-5: 4rem;

  /* ---------------------------------------------------
     LAYOUT
  --------------------------------------------------- */

  --max-width: 1200px;
  --page-padding-x: var(--space-2);
  --page-padding-y: var(--space-4);

  /* Breakpoints (for reference / media queries) */
  --bp-sm: 600px;
  --bp-md: 900px;
  --bp-lg: 1400px;
}