/* ============================================
   Shere Data Solutions — design tokens (PRD §3)
   ============================================ */

@font-face {
  font-family: 'Aptos Display';
  src: url('../fonts/Aptos-Display.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aptos Display';
  src: url('../fonts/Aptos-Display-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aptos';
  src: url('../fonts/Aptos.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aptos';
  src: url('../fonts/Aptos-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Aptos';
  src: url('../fonts/Aptos-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aptos';
  src: url('../fonts/Aptos-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aptos Mono';
  src: url('../fonts/Aptos-Mono.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Colour — exact per PRD §3 */
  --orange: #FE6A00;
  --orange-soft: #FF8A33;
  --cream: #FBF8F1;
  --peach: #F2E0C6;
  --peach-deep: #EBD3B2;
  --ink: #1A1511;          /* text only */
  --taupe: #A79C8E;
  --taupe-dark: #6E6557;

  /* Derived transparents (same hues, alpha only) */
  --ink-08: rgba(26, 21, 17, 0.08);
  --ink-14: rgba(26, 21, 17, 0.14);
  --ink-55: rgba(26, 21, 17, 0.55);
  --orange-12: rgba(254, 106, 0, 0.12);
  --orange-45: rgba(254, 106, 0, 0.45);

  /* Type */
  --font-display: 'Aptos Display', 'Aptos', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Aptos', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'Aptos Mono', 'IBM Plex Mono', ui-monospace, monospace;

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* Layout */
  --container: min(1180px, 92vw);
  --header-h: 78px;
}