/* Design tokens ported from the Figma "Portfolio" design system. */
:root {
  /* Neutrals */
  --neutral-50: #fafafa;
  --neutral-100: #f3f4f6;
  --neutral-200: #e5e7eb;
  --neutral-300: #d1d5db;
  --neutral-400: #9ca3af;
  --neutral-500: #6b7280;
  --neutral-600: #4b5563;
  --neutral-700: #374151;
  --neutral-800: #1f2937;
  --neutral-900: #111827;
  --neutral-950: #030712;

  /* Brand */
  --brand-100: #fef9c3;
  --brand-300: #fef08a;
  --brand-500: #eab308;
  --brand-700: #a16207;
  --brand-900: #713f12;

  /* Semantic */
  --success-500: #22c55e;
  --success-700: #15803d;
  --warning-500: #f59e0b;
  --warning-700: #b45309;
  --danger-500: #f43f5e;
  --danger-700: #be123c;

  /* Typography */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;

  /* Type scale: size / line-height */
  --type-display-lg: 700 56px/1.1 var(--font-sans);
  --type-heading-lg: 600 32px/1.25 var(--font-sans);
  --type-heading-md: 600 22px/1.3 var(--font-sans);
  --type-body-lg: 400 18px/1.5 var(--font-sans);
  --type-body-md: 400 16px/1.5 var(--font-sans);
  --type-body-sm: 400 14px/1.5 var(--font-sans);

  /* Surfaces & effects */
  --radius-card: 12px;
  --radius-button: 8px;
  --radius-pill: 999px;
  --shadow-sm: 0 2px 8px rgba(0, 0, 20, 0.08);

  /* Layout */
  --content-max: 1120px;
  --space-page: 24px;
}