/*
 * Codiji Site — design tokens. Exact values from the original brand system,
 * unchanged. Single Manrope typeface everywhere (see typography.css) —
 * no serif/display pairing.
 */

:root {
  /* Canonical dark brand — do not change */
  --color-bg: #0B0B0C;
  --color-fg: #F5F3EE;
  --color-primary: #7A44A1;
  --color-primary-dark: #662D91;
  --color-muted-fg: #CECEC9;

  --color-border: hsl(240 5% 12%);
  --color-input: hsl(240 5% 12%);
  --color-card: hsl(240 4% 6%);
  --color-muted-bg: hsl(240 4% 10%);
  --color-ring: hsl(275 41% 45%);
  --color-destructive: hsl(0 84% 60%);

  --radius: 0px;

  --font-family: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* The one easing curve used across every transition/animation in this site */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 0.4s;
  --dur-slow: 0.8s;

  /* Layout */
  --container-max: 1536px; /* Tailwind's max-w-screen-2xl */
  --container-pad: 1.5rem; /* px-6 */

  --z-cursor: 9999;
  --z-navbar: 50;
  --z-mobile-menu: 40;

  /* Breakpoints (reference only — CSS has no var() media queries):
     sm 640px · md 768px · lg 1024px · xl 1280px */
}

@media (min-width: 1024px) {
  :root {
    --container-pad: 3rem; /* lg:px-12 */
  }
}