:root {
  /* Font Family Stacks */
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'IBM Plex Mono', 'Fira Code', monospace;

  /* Color Palette (Light, Minimal & Sophisticated Pastels) */
  --bg-primary: #ffffff;
  --text-primary: #000000;
  --text-secondary: #2d3748;
  --text-muted: #718096;
  --border-color: rgba(0, 0, 0, 0.08);
  --accent-color: #2563eb;

  /* Cohesive Project Card Pastel Colors (Mirroring Rina's Screenshot) */
  --proj-indigo-bg: #ebf0fe;
  --proj-blue-bg: #e8f2fc;
  --proj-rose-bg: #fcecef;
  --proj-amber-bg: #faf0e4;

  /* Typography Scales (Fluid resizing using clamp) */
  --text-xs: clamp(0.75rem, 0.85vw + 0.1rem, 0.85rem);       /* Micro technical tags */
  --text-sm: clamp(0.85rem, 1vw + 0.1rem, 0.95rem);         /* Secondary descriptions */
  --text-base: clamp(1rem, 1.25vw + 0.1rem, 1.05rem);       /* Primary paragraphs */
  --text-lg: clamp(1.2rem, 1.8vw + 0.1rem, 1.45rem);        /* Sub-headings / UI labels */
  --text-xl: clamp(1.6rem, 2.5vw + 0.1rem, 2.2rem);         /* Section headings / Card titles */
  --text-display: clamp(2.5rem, 5.5vw + 0.1rem, 4.2rem);    /* Hero display typography */

  /* Font Weights */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  /* Layout Spacing (Fluid scaling) */
  --space-unit: 8px;
  --space-xs: calc(var(--space-unit) * 1);    /* 8px */
  --space-sm: calc(var(--space-unit) * 2);    /* 16px */
  --space-md: calc(var(--space-unit) * 4);    /* 32px */
  --space-lg: calc(var(--space-unit) * 8);    /* 64px */
  --space-xl: calc(var(--space-unit) * 12);   /* 96px */

  /* Interactive Transitions */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: all 0.4s var(--ease-out-expo);
  --transition-fast: all 0.2s ease;
}