/* ============================================================
   MUAWI · brand.css — shared font & token library
   ------------------------------------------------------------
   Link this on EVERY page, before the page's own styles:
       <link rel="stylesheet" href="brand.css">
   Then reference the tokens below — never hardcode fonts/colors.

   TYPE  : Pretendard, SELF-HOSTED from assets/fonts/*.woff2
           (converted from the local .ttf — served by the site, so
           every visitor sees it identically, not just this machine).
           Brand default weight = Light (300).
           To add a weight: convert the .ttf → .woff2 and add an
           @font-face below. Licensed under OFL — free to bundle.
   SYSTEM: Two-typeface system (≤2, by decision):
           1. Pretendard (sans)  — display + body. Default.
           2. Courier Prime (mono) — the "spec / caption" voice:
              labels, sub-text, spec annotations. Never body copy.
           Hierarchy comes first from weight; the mono is a role
           accent, not a second body font. Do not add a 3rd face.
   ============================================================ */

/* ---- Self-hosted Pretendard (OFL) ---- */
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('assets/fonts/Pretendard-Light.woff2') format('woff2');
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/Pretendard-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('assets/fonts/Pretendard-Medium.woff2') format('woff2');
}

/* ---- Self-hosted Courier Prime (OFL) — the "spec / caption" voice ----
   An open-licensed, embeddable Courier (typewriter monospace). Used for
   the secondary/annotation role (spec labels, sub-text) — NOT body copy.
   Legal to self-host, unlike Courier New (Monotype, OS-bundled only). */
@font-face {
  font-family: 'Courier Prime';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/CourierPrime-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Courier Prime';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('assets/fonts/CourierPrime-Bold.woff2') format('woff2');
}

/* ---- GT Pressura Mono (Grilli Type) — TRIAL LICENSE ----
   ⚠️ Trial fonts are for LOCAL evaluation/mockups ONLY. Do NOT deploy
   to the public site without a purchased Grilli Type web license.
   For production, either buy the license or revert --font-mono to
   'Courier Prime'. */
@font-face {
  font-family: 'GT Pressura Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/GT-Pressura-Mono-Regular-Trial.woff2') format('woff2');
}
@font-face {
  font-family: 'GT Pressura Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('assets/fonts/GT-Pressura-Mono-Medium-Trial.woff2') format('woff2');
}

:root {
  /* ---- Type family ---- */
  --font-sans: 'Pretendard', 'Pretendard Variable',
    -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo',
    system-ui, sans-serif;

  /* Secondary "spec / caption" voice — monospace.
     Use for labels, sub-text, spec annotations. Never for body copy.
     GT Pressura Mono = TRIAL (local eval only); Courier Prime is the
     licensed fallback used if GT Pressura isn't available/licensed. */
  --font-mono: 'GT Pressura Mono', 'Courier Prime', 'Courier New',
    ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---- Weight tokens (Pretendard ships all of these) ---- */
  --fw-thin:       100;
  --fw-extralight: 200;
  --fw-light:      300;   /* ← MUAWI default */
  --fw-regular:    400;
  --fw-medium:     500;
  --fw-semibold:   600;
  --fw-bold:       700;

  /* ---- Warm-neutral 8 (identity palette) ---- */
  --bone:     #F6F3EC;
  --paper:    #ECEAE3;
  --ash:      #D7D4CD;
  --alu:      #BFBCB5;
  --stone:    #99998D;
  --oxide:    #735346;   /* the single accent — use sparingly */
  --graphite: #403D38;
  --ink:      #14110F;

  /* ---- Web surface (grainy silver background base) ---- */
  --surface:  #C2CAD0;

  /* ---- Type role sizes (fluid) ---- */
  --t-display: clamp(34px, 5vw, 58px);
  --t-h2:      clamp(24px, 3vw, 34px);
  --t-lead:    18px;
  --t-body:    15px;
  --t-caption: 12px;
}

/* ---- Base: everything inherits Pretendard Light unless told otherwise ---- */
html { font-family: var(--font-sans); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body { font-family: var(--font-sans); font-weight: var(--fw-light); color: var(--ink); }

/* ---- Weight helper classes (optional convenience) ---- */
.fw-thin       { font-weight: var(--fw-thin); }
.fw-extralight { font-weight: var(--fw-extralight); }
.fw-light      { font-weight: var(--fw-light); }
.fw-regular    { font-weight: var(--fw-regular); }
.fw-medium     { font-weight: var(--fw-medium); }
.fw-semibold   { font-weight: var(--fw-semibold); }
.fw-bold       { font-weight: var(--fw-bold); }