/**
 * See2ru Therapy — Official design tokens (source of truth)
 * Gourmet Red · Burgundy · Warm Black · Soft Sand · Burgundy Petal
 */

:root {
    /* —— Brand palette —— */
    --brand-gourmet-red: #be3a4a;
    --brand-gourmet-red-hover: #a33240;
    --brand-gourmet-red-active: #8b2b38;
    --brand-burgundy: #5e1f2e;
    --brand-burgundy-deep: #451720;
    --brand-warm-black: #1a1513;
    --brand-warm-black-soft: #2a221f;
    --brand-soft-sand: #f2ebe3;
    --brand-soft-sand-deep: #e8dfd4;
    --brand-burgundy-petal: #9e5563;
    --brand-burgundy-petal-soft: #f5e8ea;

    /* —— Semantic colors —— */
    --color-bg: var(--brand-soft-sand);
    --color-bg-elevated: #faf6f1;
    --color-surface: #fffcf8;
    --color-surface-hover: #f8f3ed;
    --color-primary: var(--brand-gourmet-red);
    --color-primary-hover: var(--brand-gourmet-red-hover);
    --color-primary-active: var(--brand-gourmet-red-active);
    --color-primary-soft: #fce8ea;
    --color-primary-muted: #f5d4d8;
    --color-accent: var(--brand-burgundy-petal);
    --color-accent-deep: var(--brand-burgundy);
    --color-text: var(--brand-warm-black);
    --color-text-secondary: #4a403c;
    --color-text-muted: #7a6e68;
    --color-text-inverse: #fffaf6;
    --color-border: rgba(26, 21, 19, 0.1);
    --color-border-strong: rgba(26, 21, 19, 0.18);
    --color-success: #2d8f6f;
    --color-success-soft: #e8f5ef;
    --color-warning: #c4842d;
    --color-warning-soft: #faf3e6;
    --color-danger: #c23b4a;
    --color-danger-soft: #fcebec;
    --color-info: var(--brand-burgundy-petal);
    --color-info-soft: var(--brand-burgundy-petal-soft);

    /* —— Spacing scale (px) —— */
    --space-1: 0.25rem;   /* 4px */
    --space-2: 0.5rem;    /* 8px */
    --space-3: 0.75rem;   /* 12px */
    --space-4: 1rem;      /* 16px */
    --space-5: 1.25rem;   /* 20px */
    --space-6: 1.5rem;    /* 24px */
    --space-8: 2rem;      /* 32px */
    --space-10: 2.5rem;   /* 40px */
    --space-12: 3rem;     /* 48px */
    --space-16: 4rem;     /* 64px */

    /* —— Typography —— */
    --font-display: 'Bangla MN', 'Bangla MN Bold', Georgia, 'Times New Roman', serif;
    --font-ui: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;

    --text-display: 2.25rem;
    --text-h1: 1.875rem;
    --text-h2: 1.5rem;
    --text-h3: 1.25rem;
    --text-h4: 1.125rem;
    --text-h5: 1rem;
    --text-h6: 0.875rem;
    --text-body-lg: 1.0625rem;
    --text-body: 1rem;
    --text-caption: 0.8125rem;
    --text-label: 0.75rem;

    --leading-tight: 1.2;
    --leading-snug: 1.35;
    --leading-normal: 1.5;
    --leading-relaxed: 1.65;

    --tracking-tight: -0.03em;
    --tracking-normal: 0;
    --tracking-wide: 0.04em;
    --tracking-wider: 0.08em;

    /* —— Radius —— */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 999px;

    /* —— Elevation —— */
    --shadow-xs: 0 1px 2px rgba(26, 21, 19, 0.04);
    --shadow-sm: 0 2px 8px rgba(26, 21, 19, 0.06), 0 1px 2px rgba(26, 21, 19, 0.04);
    --shadow-md: 0 8px 24px rgba(26, 21, 19, 0.08), 0 2px 6px rgba(26, 21, 19, 0.04);
    --shadow-lg: 0 16px 40px rgba(26, 21, 19, 0.1), 0 4px 12px rgba(26, 21, 19, 0.05);
    --shadow-glow: 0 0 0 1px rgba(190, 58, 74, 0.12), 0 8px 24px rgba(94, 31, 46, 0.12);

    /* —— Layout —— */
    --layout-sidebar-width: 272px;
    --layout-topbar-height: 68px;
    --layout-content-max: 1440px;
    --layout-content-narrow: 720px;
    --layout-gutter: var(--space-8);
    --layout-gutter-md: var(--space-6);
    --layout-gutter-sm: var(--space-4);
    --app-gutter-inline: var(--layout-gutter);

    /* —— Form controls (enterprise) —— */
    --form-bg: #ffffff;
    --form-border: #d7dde5;
    --form-text: #1e293b;
    --form-placeholder: #94a3b8;
    --form-focus-border: #b3202a;
    --form-focus-ring: rgba(179, 32, 42, 0.12);
    --form-disabled-bg: #f3f4f6;
    --form-disabled-text: #94a3b8;
    --form-error: #dc2626;
    --form-radius: 14px;
    --form-height: 48px;
    --form-padding-x: 1rem;
    --form-label: #475569;
    --form-font-size: 0.9375rem;

    /* —— Z-index —— */
    --z-base: 1;
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-sidebar: 250;
    --z-topbar: 300;
    --z-modal-backdrop: 9000;
    --z-modal: 9100;
    --z-toast: 9500;

    /* —— Motion —— */
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --duration-fast: 0.15s;
    --duration: 0.22s;
    --duration-slow: 0.35s;

    /* —— Touch —— */
    --touch-target: 44px;
}