/* ==========================================================================
   Design Tokens - Stellar Creations x3
   Single source of truth for brand colors, typography, spacing, and layout.
   All values are CSS custom properties on :root, referenced via var(--sc-*).
   ========================================================================== */

:root {
    /* Brand Colors */
    --sc-color-hot-pink: #e8527a;
    --sc-color-coral: #ff6b6b;
    --sc-color-navy: #1e2a4a;
    --sc-color-beige: #faf8f6;
    --sc-color-white: #ffffff;
    --sc-color-pink-light: #fce4ec;
    --sc-color-pink-dark: #c2185b;
    --sc-color-text-dark: #333333;
    --sc-color-text-light: #666666;
    --sc-color-border: #f0e6e6;

    /* Semantic Colors */
    --sc-color-primary: var(--sc-color-hot-pink);
    --sc-color-secondary: var(--sc-color-coral);
    --sc-color-text: var(--sc-color-text-dark);
    --sc-color-bg: var(--sc-color-beige);

    /* Typography - Font Family */
    --sc-font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Typography - Font Sizes */
    --sc-font-size-sm: 0.875rem;      /* 14px */
    --sc-font-size-base: 1rem;        /* 16px */
    --sc-font-size-lg: 1.125rem;      /* 18px */
    --sc-font-size-xl: 1.5rem;        /* 24px */
    --sc-font-size-2xl: 2rem;         /* 32px */
    --sc-font-size-3xl: 2.5rem;       /* 40px */

    /* Typography - Font Weights */
    --sc-font-weight-regular: 400;
    --sc-font-weight-semibold: 600;
    --sc-font-weight-bold: 700;

    /* Spacing Scale */
    --sc-space-xs: 0.25rem;   /* 4px */
    --sc-space-sm: 0.5rem;    /* 8px */
    --sc-space-md: 1rem;      /* 16px */
    --sc-space-lg: 1.5rem;    /* 24px */
    --sc-space-xl: 2rem;      /* 32px */
    --sc-space-2xl: 3rem;     /* 48px */
    --sc-space-3xl: 4rem;     /* 64px */

    /* Breakpoints (for JS reference; CSS uses media queries directly) */
    --sc-bp-mobile: 375px;
    --sc-bp-tablet: 768px;
    --sc-bp-desktop: 1024px;

    /* Layout */
    --sc-max-width: 1200px;
    --sc-content-padding: var(--sc-space-md);

    /* Transitions */
    --sc-transition-fast: 150ms ease;
    --sc-transition-normal: 300ms ease;
}