/* Danielle Caruzo — tokens (forked from design system, paths adjusted) */

@font-face { font-family: "Sora"; font-weight: 100; font-style: normal; font-display: swap; src: url("../assets/fonts/Sora-Thin.otf") format("opentype"); }
@font-face { font-family: "Sora"; font-weight: 200; font-style: normal; font-display: swap; src: url("../assets/fonts/Sora-ExtraLight.otf") format("opentype"); }
@font-face { font-family: "Sora"; font-weight: 300; font-style: normal; font-display: swap; src: url("../assets/fonts/Sora-Light.otf") format("opentype"); }
@font-face { font-family: "Sora"; font-weight: 400; font-style: normal; font-display: swap; src: url("../assets/fonts/Sora-Regular.otf") format("opentype"); }
@font-face { font-family: "Sora"; font-weight: 600; font-style: normal; font-display: swap; src: url("../assets/fonts/Sora-SemiBold.otf") format("opentype"); }
@font-face { font-family: "Sora"; font-weight: 700; font-style: normal; font-display: swap; src: url("../assets/fonts/Sora-Bold.otf") format("opentype"); }
@font-face { font-family: "Sora"; font-weight: 800; font-style: normal; font-display: swap; src: url("../assets/fonts/Sora-ExtraBold.otf") format("opentype"); }
@font-face { font-family: "Block W1G"; font-weight: 400 900; font-style: normal; font-display: swap; src: url("../assets/fonts/blockberthold.otf") format("opentype"); }
@font-face { font-family: "Masa Organic Hand"; font-weight: 400 700; font-style: normal; font-display: swap; src: url("../assets/fonts/Masa_Organic_Hand_Alternate_One.otf") format("opentype"); }

:root {
  --dc-bg:            #F1F1F1;
  --dc-ink:           #111111;
  --dc-blue:          #0168FF;

  --dc-bg-deep:       #0A0A0A;
  --dc-bg-card:       #FFFFFF;
  --dc-bg-soft:       #E7E7E7;
  --dc-line:          #DCDCDC;
  --dc-line-strong:   #BDBDBD;
  --dc-line-dark:     #2A2A2A;
  --dc-muted:         #6E6E6E;
  --dc-muted-soft:    #9A9A9A;

  --dc-on-dark:       #F1F1F1;
  --dc-on-dark-muted: #8C8C8C;

  --dc-focus-ring:    #0168FF;
  --dc-blue-soft:     rgba(1, 104, 255, 0.08);

  --font-display: "Block W1G", system-ui, sans-serif;
  --font-text:    "Sora", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-hand:    "Masa Organic Hand", "Bradley Hand", cursive;

  --w-300: 300; --w-400: 400; --w-500: 500; --w-600: 600; --w-700: 700;

  --type-display-xl: clamp(72px, 12vw, 192px);
  --type-display-lg: clamp(56px, 8vw, 128px);
  --type-display-md: clamp(40px, 5vw, 72px);

  --type-h1: clamp(40px, 5vw, 64px);
  --type-h2: clamp(28px, 3.2vw, 40px);
  --type-h3: 22px;
  --type-h4: 18px;

  --type-body-lg: 18px;
  --type-body:    16px;
  --type-body-sm: 14px;
  --type-mono:    12px;

  --lh-tight: 1.02; --lh-snug: 1.12; --lh-normal: 1.45; --lh-relaxed: 1.6;
  --ls-tight: -0.02em; --ls-snug: -0.01em; --ls-normal: 0; --ls-wide: 0.08em; --ls-wider: 0.16em;

  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px; --s-11: 192px;

  --container-max: 1280px;
  --container-pad: clamp(20px, 4vw, 64px);
  --grid-gutter:   24px;

  --r-0: 0px; --r-sm: 6px; --r-md: 12px; --r-lg: 20px; --r-pill: 999px;
  --bw-1: 1px; --bw-2: 1.5px;

  --shadow-soft:  0 1px 2px rgba(17,17,17,.04), 0 4px 16px rgba(17,17,17,.04);
  --shadow-card:  0 2px 4px rgba(17,17,17,.05), 0 12px 32px rgba(17,17,17,.06);
  --shadow-focus: 0 0 0 3px rgba(1,104,255,.25);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:  cubic-bezier(0.55, 0, 0.58, 1);
  --dur-fast: 120ms; --dur-base: 220ms; --dur-slow: 420ms;

  --bg: var(--dc-bg); --fg: var(--dc-ink); --fg-muted: var(--dc-muted);
  --accent: var(--dc-blue); --surface: var(--dc-bg-card); --surface-deep: var(--dc-bg-deep);
  --border: var(--dc-line);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--dc-bg);
  font-family: var(--font-text);
  color: var(--dc-ink);
  font-size: var(--type-body);
  line-height: var(--lh-normal);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}