/* ============================================================
   DESIGN TOKENS — every shared value lives here.
   Swap fonts and colours here first.
   ============================================================ */

/* Parceh (Hishand Studio) — the free download is a PERSONAL-USE demo.
   Buy the commercial licence before this page goes live:
   https://hishandstudio.com/product/parceh-serif-font/
   It is the only serif on the page and has one weight, no italic. Both faces
   below point at the same file across every weight, so text set at 500/600
   or in italic draws in plain Parceh instead of a faked bold or slant.
   The demo file only has letters, & , . and accents: its digits are ornaments
   and most punctuation is blank. unicode-range keeps Parceh to the glyphs it
   really has, so numbers, $ and apostrophes fall through to Cormorant Garamond
   (loaded in index.html with just those characters). The full licence includes
   numerals; widen the range then. */
@font-face {
  font-family: 'Rethena';                /* DEMO build: swap for the licensed file before launch */
  src: url('../assets/fonts/Rethena-DEMO.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Grande Laguna';          /* DEMO build: swap for the licensed file before launch */
  src: url('../assets/fonts/GrandeLaguna-DEMO.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bersa Serif';
  src: url('../assets/fonts/BersaSerif-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Parceh';
  src: url('../assets/fonts/Parceh.otf') format('opentype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020, U+0026, U+002C, U+002E, U+0041-005A, U+0061-007A, U+00C0-00D6, U+00D8-00F6, U+00F8-00FF;
}
@font-face {
  font-family: 'Parceh';
  src: url('../assets/fonts/Parceh.otf') format('opentype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0020, U+0026, U+002C, U+002E, U+0041-005A, U+0061-007A, U+00C0-00D6, U+00D8-00F6, U+00F8-00FF;
}

:root {
  --ease-btn: cubic-bezier(0.25, 0, 0.25, 1);   /* every button: hover, press */
  /* Velvet: light and dark fibres, laid over the velvet colour in the hero arch, the wall's slots and the kit's tray */
  --velvet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='a' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.25' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 .8  0 0 0 0 .78  .5 0 0 0 -.22'/%3E%3C/filter%3E%3Cfilter id='b' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' seed='29' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 .9 0 0 -.33'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");
  /* ---------- Typography ----------
     Serif: Parceh, for every serif on the page (headlines, cards, lists).
     UI:    Inter, for subtext, labels and buttons. */
  --font-display: 'Parceh', 'Cormorant Garamond', 'Times New Roman', serif;
  --font-headline: var(--font-display);
  --font-ui:      'Inter', system-ui, sans-serif;
  --font-body:    var(--font-ui);

  --text-xs:   clamp(0.75rem,  1.2vw, 0.875rem);
  --text-sm:   clamp(0.875rem, 1.4vw, 1rem);
  --text-base: clamp(1rem,     1.6vw, 1.125rem);

  /* ---------- Colour (dark only) ---------- */
  color-scheme: dark;
  --color-bg:       #000000;
  --color-text:     #f0f0f0;
  --color-line:     rgba(255, 255, 255, 0.15);
  --color-muted:    rgba(255, 255, 255, 0.5);
  --color-accent:   #ffffff;

  /* MALSON brass, from the blueprint logo colours */
  --color-brand:     #c9a46a;
  --color-brand-ink: #14110d;

  /* Engraving finishes used by the tester */
  --finish-brass:  linear-gradient(180deg, #f3dca6 0%, #c9a46a 45%, #8a6a35 100%);
  --finish-silver: linear-gradient(180deg, #ffffff 0%, #c9ccd1 45%, #7d8187 100%);
  --finish-bronze: linear-gradient(180deg, #f0c09a 0%, #b07445 45%, #6e3f1e 100%);

  /* ---------- Spacing ---------- */
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: 8rem;

  /* ---------- Layout ---------- */
  --container-gutter: clamp(1rem, 4vw, 5rem);
  --grid-gap: clamp(0.75rem, 2vw, 1.5rem);
  --nav-height: 72px;

  /* ---------- Motion ---------- */
  --duration-fast:  150ms;
  --duration-base:  300ms;
  --duration-slow:  600ms;
  --duration-xslow: 1000ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  --radius-sm: 4px;
}