/* Calm Mind Design Tokens
 * Fonte canônica de variáveis CSS — edite aqui, não nos arquivos HTML.
 * Consumido por: index.html, landingpage.html
 */

:root {
    /* Primary Colors - Calming Blues */
    --primary-50: #f0f7ff;
    --primary-100: #e0f0ff;
    --primary-200: #b9e0ff;
    --primary-300: #7cc5ff;
    --primary-400: #36a9ff;
    --primary-500: #0891e6;
    --primary-600: #0073c4;
    --primary-700: #005a9e;
    --primary-800: #004d83;
    --primary-900: #00406d;

    /* Secondary Colors - Healing Greens */
    --secondary-50: #f0fdf4;
    --secondary-100: #dcfce7;
    --secondary-200: #bbf7d0;
    --secondary-300: #86efac;
    --secondary-400: #4ade80;
    --secondary-500: #22c55e;
    --secondary-600: #16a34a;
    --secondary-700: #15803d;

    /* Accent Colors - Warm & Inviting */
    --accent-lavender: #e9d5ff;
    --accent-lavender-dark: #c084fc;
    --accent-peach: #fed7aa;
    --accent-mint: #ccfbf1;
    --accent-rose: #fce7f3;

    /* Neutrals - Sophisticated Grays */
    --gray-50: #fafafa;
    --gray-100: #f5f5f5;
    --gray-200: #e5e5e5;
    --gray-300: #d4d4d4;
    --gray-400: #a3a3a3;
    --gray-500: #737373;
    --gray-600: #525252;
    --gray-700: #404040;
    --gray-800: #262626;
    --gray-900: #171717;

    /* Backgrounds */
    --bg-primary: #ffffff;
    --bg-secondary: #fafbfc;
    --bg-dark: #1a1f2e;
    --bg-card: #ffffff;

    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

    /* Blur */
    --blur-sm: 8px;
    --blur-md: 16px;
    --blur-lg: 24px;

    /* Surfaces — usados na landingpage (semântica de seção) */
    --surface-sanctuary: linear-gradient(135deg, #fafbfc 0%, #f0f7ff 40%, #fafbfc 100%);
    --surface-evidence: #f0f7ff;
    --surface-transformation: #fafbfc;
    --surface-demonstration: linear-gradient(180deg, var(--secondary-50) 0%, #fafbfc 100%);
    --surface-belonging-community: linear-gradient(180deg, var(--secondary-50) 0%, var(--accent-mint) 50%, var(--secondary-50) 100%);
    --surface-belonging-stories: linear-gradient(135deg, var(--accent-lavender) 0%, var(--accent-rose) 50%, var(--accent-peach) 100%);
    --surface-decision-pricing: linear-gradient(180deg, #fafbfc 0%, var(--gray-100) 100%);
    --surface-decision-cta: linear-gradient(135deg, var(--primary-50) 0%, var(--secondary-50) 100%);
    --surface-professional: linear-gradient(180deg, #fafbfc 0%, var(--primary-50) 50%, #fafbfc 100%);

    /* Cards */
    --card-elevated: rgba(255, 255, 255, 0.95);
    --card-warm: rgba(255, 255, 255, 0.9);
    --card-pure: #ffffff;

    /* Bordas semânticas */
    --border-subtle: 1px solid var(--gray-200);
    --border-accent: 1px solid rgba(8, 145, 230, 0.2);
    --border-warm: 1px solid rgba(192, 132, 252, 0.15);
    --border-decision: 2px solid var(--gray-200);

    /* Sombras de cards */
    --shadow-card-rest: 0 4px 6px -1px rgba(0, 0, 0, 0.08);
    --shadow-card-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.12);
    --shadow-card-elevated: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}