/* GROWTH MANAGER PRO - PREMIUM CSS VARIABLES */
/* For external/marketing pages (login, signup, landing) */

:root {
    /* Premium Brand Colors - Cream & Green Theme */
    --premium-primary: #4A2C2A;
    --premium-primary-dark: #4A2C2A;
    --premium-primary-light: #EDE6DD;
    --premium-secondary: #8B6B4A;
    --premium-accent: #c9a962;

    /* Deep Forest & Sage */
    --deep-forest: #4A2C2A;
    --sage: #8B6B4A;
    --light-sage: #EDE6DD;
    --gold-accent: #c9a962;
    --copper: #b87333;

    /* Premium Neutrals - Warm Cream Palette */
    --premium-white: #ffffff;
    --premium-black: #000000;
    --premium-background: #fdfcfa;
    --premium-surface: #f8f5f0;
    --premium-border: #EDE6DD;
    --premium-text: #2d2d2d;
    --premium-text-light: #6b6b6b;
    --premium-text-muted: #8a8a8a;

    /* Cream variations */
    --soft-white: #fdfcfa;
    --warm-cream: #f8f5f0;
    --charcoal: #2d2d2d;
    --warm-gray: #6b6b6b;

    /* Premium Gradients - Cream & Green */
    --gradient-primary: linear-gradient(135deg, #4A2C2A 0%, #8B6B4A 100%);
    --gradient-secondary: linear-gradient(135deg, #8B6B4A 0%, #c9a962 100%);
    --gradient-accent: linear-gradient(180deg, #fdfcfa 0%, #f8f5f0 100%);

    /* Same spacing, radius, shadows as app */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 4px 20px rgba(74, 44, 42, 0.08);
    --shadow-xl: 0 8px 30px rgba(74, 44, 42, 0.12);
    --shadow-glow: 0 0 30px rgba(74, 44, 42, 0.15);

    --transition-fast: 150ms ease;
    --transition-base: 200ms ease;
    --transition-slow: 300ms ease;

    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-display: 'Cormorant Garamond', Georgia, serif;
    --font-body: 'Inter', -apple-system, sans-serif;

    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-lg: 18px;
    --text-xl: 20px;
    --text-2xl: 24px;
    --text-3xl: 30px;
    --text-4xl: 36px;
    --text-5xl: 48px;

    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
}