/* ==========================================================================
   UA Living Spec Book — Design tokens
   Extracted from the live uadesigngroup.com Webflow build so the portal
   reads as a native part of the UA Design Group brand.
   ========================================================================== */

/* Montblanc — UA's own licensed body face, served from their site CDN */
@font-face {
  font-family: 'Montblanc';
  src: url('https://cdn.prod.website-files.com/684878dd84a83f580fb87d15/68a6214dcc5887146acac6e5_MontBlanc-Trial-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020-0021, U+002C-002E, U+0030-003B, U+003F, U+0041-005A, U+0061-007A, U+2013-2014, U+2018-2019, U+201C-201D, U+2026;
}
@font-face {
  font-family: 'Montblanc';
  src: url('https://cdn.prod.website-files.com/684878dd84a83f580fb87d15/68a6214eeb0af4500faedbbf_MontBlanc-Trial-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020-0021, U+002C-002E, U+0030-003B, U+003F, U+0041-005A, U+0061-007A, U+2013-2014, U+2018-2019, U+201C-201D, U+2026;
}
@font-face {
  font-family: 'Montblanc';
  src: url('https://cdn.prod.website-files.com/684878dd84a83f580fb87d15/68a6214e7a2215a7af0f52df_MontBlanc-Trial-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020-0021, U+002C-002E, U+0030-003B, U+003F, U+0041-005A, U+0061-007A, U+2013-2014, U+2018-2019, U+201C-201D, U+2026;
}
@font-face {
  font-family: 'Montblanc';
  src: url('https://cdn.prod.website-files.com/684878dd84a83f580fb87d15/68a6214f9317097f8ea7b0c9_MontBlanc-Trial-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020-0021, U+002C-002E, U+0030-003B, U+003F, U+0041-005A, U+0061-007A, U+2013-2014, U+2018-2019, U+201C-201D, U+2026;
}

:root {
  /* --- Surfaces (from --background-grey / --background-black) --- */
  --ua-bg: #e9e8e4;
  --ua-bg-card: #f1f0ed;
  --ua-bg-raised: #f7f6f4;
  --ua-ink: #0d0d0e;
  --ua-ink-soft: #1d1b1d;
  --ua-ink-surface: #141314;

  /* --- Text (from --text-color / --text-color-grey) --- */
  --ua-text: rgba(0, 0, 0, 0.78);
  --ua-text-strong: #0d0d0e;
  --ua-text-muted: rgba(11, 14, 16, 0.62);
  --ua-text-faint: rgba(11, 14, 16, 0.46);
  --ua-text-on-ink: #e9e8e4;
  --ua-text-on-ink-muted: rgba(233, 232, 228, 0.66);

  /* --- Lines & overlays (from --outline-dark / --gainsboro / --silver) --- */
  --ua-line: #d2d2cf;
  --ua-line-soft: #dfddda;
  --ua-line-strong: #c9c8c4;
  --ua-line-on-ink: rgba(255, 255, 255, 0.15);
  --ua-overlay-dark: rgba(11, 14, 16, 0.35);
  --ua-overlay-hero: linear-gradient(180deg, rgba(13, 13, 14, 0.25) 0%, rgba(13, 13, 14, 0.05) 35%, rgba(13, 13, 14, 0.55) 100%);

  /* --- Status palette (muted, brand-adjacent — never neon) --- */
  --ua-status-proposed: #6e684e;
  --ua-status-approved: #4d5e50;
  --ua-status-ordered: #535f6d;
  --ua-status-delivered: #665646;
  --ua-status-installed: #4e5d52;
  --ua-status-as-built: #3f4a44;
  --ua-status-discontinued: #756c67;
  --ua-status-pending: #7c6b33;
  --ua-status-changes: #7c4e3b;
  --ua-status-danger: #8c4a3f;

  /* --- Type --- */
  --ua-font-display: 'Bellefair', 'Times New Roman', serif;
  --ua-font-body: 'Montblanc', 'Lato', 'Helvetica Neue', Arial, sans-serif;
  --ua-tracking-caps: 0.14em;
  --ua-tracking-display: 0.04em;

  /* --- Type scale --- */
  --ua-fs-hero: clamp(2.6rem, 6vw, 4.5rem);
  --ua-fs-h1: clamp(2.1rem, 4vw, 3.1rem);
  --ua-fs-h2: clamp(1.6rem, 2.6vw, 2.1rem);
  --ua-fs-h3: 1.35rem;
  --ua-fs-body: 1rem;
  --ua-fs-small: 0.875rem;
  --ua-fs-tiny: 0.78rem;

  /* --- Space (4px base) --- */
  --ua-s1: 0.25rem;
  --ua-s2: 0.5rem;
  --ua-s3: 0.75rem;
  --ua-s4: 1rem;
  --ua-s5: 1.5rem;
  --ua-s6: 2rem;
  --ua-s7: 3rem;
  --ua-s8: 4.5rem;
  --ua-s9: 6rem;

  /* --- Shape & depth --- */
  --ua-radius: 4px;
  --ua-radius-lg: 8px;
  --ua-radius-pill: 100rem;
  --ua-shadow-soft: 0 1px 2px rgba(13, 13, 14, 0.05), 0 8px 28px rgba(13, 13, 14, 0.07);
  --ua-shadow-pop: 0 2px 6px rgba(13, 13, 14, 0.12), 0 18px 48px rgba(13, 13, 14, 0.18);

  /* --- Motion --- */
  --ua-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ua-fast: 160ms;
  --ua-slow: 420ms;

  /* --- Layout --- */
  --ua-container: 1380px;
  --ua-toc-width: 286px;
  --ua-header-h: 64px;

  /* --- Brand assets --- */
  --ua-logo-white: url('https://cdn.prod.website-files.com/684878dd84a83f580fb87d15/6998a83af3e9492a728fd038_Design%20Group%20White%20Logo%20-%20Transparent%20(2).png');
}