/*
 * Andrew Wallis Consultancy — design tokens and fonts.
 * Source: AWC Brand and Website Brief v0.3, sections 7, 8, 9 and 11.
 * Fonts are self-hosted Latin variable WOFF2 files from Google Fonts
 * (official distribution). Licences: assets/fonts/*-OFL.txt
 */

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url("../fonts/manrope-latin-var.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("../fonts/source-sans-3-latin-var.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Colour */
  --awc-yellow: #ffe32e;
  --awc-yellow-hover: #f2d51f;
  --awc-ink: #141414;
  --awc-text-secondary: #4b5563;
  --awc-white: #ffffff;
  --awc-paper: #f7f6f2;
  --awc-yellow-wash: #fffbe5; /* soft tint for featured surfaces */
  /* Supporting card tints (offer cards only), each with a matching tape */
  --awc-peach-wash: #fdf0e8;
  --awc-peach-tape: rgba(240, 176, 140, 0.75);
  --awc-sage-wash: #edf4ee;
  --awc-sage-tape: rgba(150, 196, 165, 0.75);
  --awc-border: #d9dde2;
  --awc-control-border: #6b7280;
  --awc-link: #174ea6;
  --awc-error: #b42318;
  --awc-success: #166534;
  --awc-text-on-dark: #ffffff;
  --awc-text-secondary-on-dark: #d1d5db;
  --awc-border-on-dark: #3a3a3a;
  --awc-tape: rgba(255, 227, 46, 0.78);
  --awc-tape-edge: polygon(3% 0, 97% 4%, 100% 28%, 96% 52%, 100% 76%, 97% 100%, 2% 96%, 0 72%, 4% 48%, 0 22%);

  /* Type */
  --awc-font-heading: "Manrope", Arial, sans-serif;
  --awc-font-body: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  --awc-text-h1: clamp(2.25rem, 1.6rem + 2.6vw, 3.5rem);
  --awc-text-h2: clamp(1.75rem, 1.4rem + 1.4vw, 2.25rem);
  --awc-text-h3: clamp(1.375rem, 1.3rem + 0.3vw, 1.5rem);
  --awc-text-lead: clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem);
  --awc-text-body: 1.125rem;
  --awc-text-ui: 1rem;
  --awc-text-small: 0.875rem;

  /* Space (4px foundation) */
  --awc-space-1: 0.25rem;
  --awc-space-2: 0.5rem;
  --awc-space-3: 0.75rem;
  --awc-space-4: 1rem;
  --awc-space-6: 1.5rem;
  --awc-space-8: 2rem;
  --awc-space-12: 3rem;
  --awc-space-16: 4rem;
  --awc-space-24: 6rem;

  /* Layout */
  --awc-container: 72.5rem;
  --awc-reading-width: 68ch;
  --awc-gutter: 1.25rem;
  --awc-header-height: 4.5rem;

  /* Shape and motion */
  --awc-radius-button: 0.5rem;
  --awc-radius-card: 0.75rem;
  --awc-duration: 160ms;
}

@media (min-width: 48rem) {
  :root { --awc-gutter: 2rem; }
}

@media (min-width: 64rem) {
  :root { --awc-gutter: 2.5rem; }
}