/* UniformHub launch kit: shared fonts and design tokens.
   Teal and ink come from the app (lib/design-tokens.ts in the UniformHub repo);
   sunshine and coral are marketing-only accents for the playful pieces. */

@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 400; font-style: normal; font-display: swap; src: url('./fonts/plus-jakarta-sans-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 400; font-style: italic; font-display: swap; src: url('./fonts/plus-jakarta-sans-latin-400-italic.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 500; font-style: normal; font-display: swap; src: url('./fonts/plus-jakarta-sans-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 600; font-style: normal; font-display: swap; src: url('./fonts/plus-jakarta-sans-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 700; font-style: normal; font-display: swap; src: url('./fonts/plus-jakarta-sans-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 800; font-style: normal; font-display: swap; src: url('./fonts/plus-jakarta-sans-latin-800-normal.woff2') format('woff2'); }
@font-face { font-family: 'Caveat'; font-weight: 600; font-style: normal; font-display: swap; src: url('./fonts/caveat-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Caveat'; font-weight: 700; font-style: normal; font-display: swap; src: url('./fonts/caveat-latin-700-normal.woff2') format('woff2'); }

:root {
  /* Brand (from the app) */
  --uh-teal: #0E7C7B;        /* Egyptian Teal: primary, buttons */
  --uh-teal-dark: #0A5F5E;   /* hover, shading */
  --uh-teal-deep: #073F3F;   /* deep sections */
  --uh-sea: #20B2AA;         /* Light Sea Green: accent */
  --uh-sea-dark: #17958F;
  --uh-aqua: #91F3EA;
  --uh-mint: #E6FAF7;
  --uh-mint-2: #CFF4EE;
  --uh-ink: #0B1C30;         /* text */
  --uh-ink-soft: #3E4947;
  --uh-line: #0B2A33;        /* illustration outline */
  --uh-paper: #F8F9FF;       /* app background */
  --uh-cream: #FFF8EC;       /* warm section background */
  --uh-white: #FFFFFF;
  --uh-muted: #5B6B78;
  --uh-border: #DCE6EA;

  /* Marketing accents */
  --uh-sun: #FFC94D;
  --uh-sun-dark: #F2A900;
  --uh-coral: #FF7F66;
  --uh-coral-soft: #FFD9D0;
  --uh-sky: #CFE8FF;

  /* Type */
  --uh-font: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --uh-hand: 'Caveat', 'Comic Sans MS', cursive;

  /* Shape */
  --uh-r-sm: 10px;
  --uh-r-md: 16px;
  --uh-r-lg: 24px;
  --uh-r-xl: 32px;
  --uh-r-pill: 999px;
  --uh-shadow-sm: 0 2px 8px rgba(11, 28, 48, 0.06);
  --uh-shadow-md: 0 10px 30px rgba(11, 28, 48, 0.10);
  --uh-shadow-lg: 0 24px 60px rgba(11, 28, 48, 0.16);
  --uh-shadow-pop: 0 6px 0 var(--uh-line);
}