/* The order is explicit: page treatments remain independent; typography is shared. */
@layer reset, base, components, pages, responsive, admission, refinements, brand,
  experience, v2, lineage, ecosystem, central, v5, eva, academy, returning, field, brandBoard, atelier, community, product, scenography, living;

@font-face {
  font-family: 'Academy Book';
  src: url('/assets/fonts/academy-serif.woff2?v=14.2') format('woff2');
  font-weight: 400 600;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: 'Academy Index';
  src: url('/assets/fonts/academy-index.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: 'Academy Latin';
  src: url('/assets/fonts/academy-latin.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: optional;
}

@layer atelier {
  :root {
    --font-title: 'Academy Book', 'Noto Serif SC', 'Source Han Serif SC', 'Songti SC', 'STSong', 'SimSun', serif;
    --font-body: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', 'Source Han Sans SC', system-ui, sans-serif;
    --font-latin: 'Academy Latin', 'Baskerville', 'Times New Roman', serif;
    --font-index: 'Academy Index', 'SFMono-Regular', Consolas, var(--font-body);
    --serif: var(--font-title);
    --body: var(--font-body);
    --sans: var(--font-body);
    --mono: var(--font-index);
    --type-brand: clamp(1.0625rem, 1.4vw, 1.375rem);
    --type-display: clamp(2.125rem, 4.2vw, 3.5rem);
    --type-page: clamp(1.875rem, 3.1vw, 2.75rem);
    --type-section: clamp(1.5rem, 2vw, 1.875rem);
    --type-card: clamp(1.125rem, 1.45vw, 1.375rem);
    --type-lead: clamp(1rem, 1.2vw, 1.125rem);
    --type-body: 1rem;
    --type-copy: .9375rem;
    --type-ui: .875rem;
    --type-note: .8125rem;
    --type-label: .75rem;
    --type-micro: .6875rem;
    --type-number: clamp(2.625rem,5.8vw,4.5rem);
    --type-data: clamp(1.75rem,2.5vw,2.25rem);
    --leading-title: 1.55;
    --leading-body: 1.95;
    --leading-reading: 2.05;
    --tracking-title: .035em;
    --tracking-label: .11em;
    --weight-book: 400;
    --weight-ui: 500;
    --ink-primary: #e9e4dc;
    --ink-secondary: #c1bfbc;
    --ink-muted: #aaa9a7;
    --ink-quiet: #969796;
    --metal-antique: #b6a17e;
    --metal-light: #dac9a9;
    --surface-ink: #101114;
    --surface-sheet: #1b1d21;
    --rule-soft: #b5a17b2c;
    --text: var(--ink-primary);
    --muted: var(--ink-secondary);
    --faint: var(--ink-muted);
    --gold: var(--metal-antique);
    --gold-light: var(--metal-light);
    --line: var(--rule-soft);
    --space-1: .5rem;
    --space-2: 1rem;
    --space-3: 1.5rem;
    --space-4: 2rem;
    --space-5: 3rem;
    --space-6: 4.5rem;
    --measure-reading: 44rem;
    --measure-wide: 78rem;
    --radius-control: 2px;
    --radius-sheet: 4px;
    --border-hairline: 1px;
    --shadow-inset: inset 0 1px #e8d8b714, inset 0 -1px #0005;
    --shadow-raised: 0 8px 28px #0004;
    --shadow-modal: 0 24px 90px #0009;
    --motion-ritual: 1800ms;
    --ink-danger: #d4a69b;
    --ink-success: #b3c6a8;
    --motion-press: 160ms;
    --motion-modal: 240ms;
    --motion-page: 320ms;
    --motion-document: 560ms;
    --ease-academy: cubic-bezier(.22,.7,.22,1);
    --weight-inscription: 550;
    --material-paper: #c9bfa7;
    --material-paper-ink: #393732;
    --material-paper-muted: #656056;
    --material-docket: #252529;
    --material-leather: #191a1d;
    --material-brass: linear-gradient(112deg,#63543c,#b5a17a 24%,#938060 48%,#c1ad88 71%,#716044);
    --material-grain: url('/assets/archive-paper.svg');
    --material-hide: url('/assets/archive-hide.svg');
    --shadow-object: 1px 2px 0 #080b08, 0 12px 28px #0005;
    --shadow-paper: 0 1px #e7ddc533, 2px 3px 0 #5a5748, 4px 5px 0 #151a13, 0 15px 30px #0006;
    --shadow-engraving: 0 1px 0 #ded0a62b, 0 -1px 0 #000a;
  }
}