/* C:\wamp\www\dash\assets\stussy-skin\stussy-tokens.css
   The Stussy look's shared design tokens: the stone, gold and parchment palette, the two webfonts and the three
   textures, in ONE place. Extracted from the values the profile (profile-next/css/profile.css, --pn-*) and the
   commands page (stussy-commands/css/commands.css, --sc-*) each carry a copy of; those two files are unchanged
   today and can later drop their copies by adding the class "stussy-tokens" to their wrapper and reading --sk-*.
   Loaded by inc/_global/stussy_skin.php on the pages that opt in to the skin, before stussy-skin.css.
   The fonts and textures are the profile's own files (profile-next/assets): nothing is duplicated. Every texture
   is always used over a flat colour, so a missing picture never breaks a page or its contrast. */
@font-face { font-family: 'SkCinzel'; src: url('../../profile-next/assets/fonts/cinzel-600.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'SkInter'; src: url('../../profile-next/assets/fonts/inter-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'SkInter'; src: url('../../profile-next/assets/fonts/inter-600.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'SkInter'; src: url('../../profile-next/assets/fonts/inter-600.woff2') format('woff2'); font-weight: 700; font-display: swap; }

.stussy-skin, .stussy-tokens {
  /* gold: the plaques, the headings, the main buttons */
  --sk-gold: #d7b46a; --sk-gold-hi: #f4dc92; --sk-gold-dim: #8c7038; --sk-gold-deep: #4b3712; --sk-gold-rgb: 215, 180, 106;
  /* stone: the tablets and the page */
  --sk-stone: #232420; --sk-stone-lit: #33352d; --sk-stone-edge: #4e5047; --sk-stone-dark: #15160f; --sk-cavern: #0e0f0b;
  /* parchment: notes and sheets */
  --sk-parchment: #e9dcbe; --sk-ink: #2b1d0a; --sk-ink-soft: #4f3b1c;
  /* text on stone (both pass WCAG AA on --sk-stone, --sk-stone-dark and --sk-stone-lit) */
  --sk-text: #f4ecd8; --sk-muted: #d6ccb2; --sk-faint: #b3a98f;
  /* states, readable on stone */
  --sk-ok: #a9d98f; --sk-ok-bg: #22381b; --sk-bad: #f2a08c; --sk-bad-bg: #5c2116; --sk-warn: #f0c56a; --sk-info: #a6cfe9; --sk-info-bg: #1d3645;
  /* the bevelled edges (top right bottom left) */
  --sk-bevel-stone: #5c5e54 #33352d #26271f #4e5047;
  --sk-bevel-gold: #f4dc92 #a37e31 #7a5a1e #e2c478;
  /* textures (the profile's copies) */
  --sk-tex-stone: url('../../profile-next/assets/ui/stone-slate.jpg');
  --sk-tex-parchment: url('../../profile-next/assets/ui/parchment.jpg');
  --sk-tex-gold: url('../../profile-next/assets/ui/gold.jpg');
  --sk-cavern-banner: url('../../profile-next/assets/cavern-banner.jpg');
  --sk-cavern-back: url('../../profile-next/assets/cavern-back.jpg');
  /* type */
  --sk-font-display: 'SkCinzel', Georgia, 'Times New Roman', serif;
  --sk-font-body: 'SkInter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --sk-font-mono: Consolas, 'Courier New', monospace;
}
