@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap");

:root {
    --atlas-navy: #173963;
    --atlas-gold: #B98A42;
    --atlas-white: #FFFFFF;
    --atlas-gray: #8A93A3;
    --atlas-background: #f7f9fc;
    --atlas-surface-soft: #f4f7fb;
    --atlas-ink: #14253e;
    --atlas-muted: #61718a;
    --atlas-line: #dce4ef;
    --atlas-radius-panel: 8px;
    --atlas-shadow-surface: 0 2px 12px rgb(20 37 62 / 5%);
    --atlas-shadow-floating: 0 12px 36px rgb(20 37 62 / 13%);
    --valcrena-primary-dark: var(--atlas-navy);
    --valcrena-primary: var(--atlas-navy);
    --valcrena-primary-medium: var(--atlas-gold);
    --valcrena-primary-light: #D8BD7C;
    --valcrena-primary-pale: #eaf0f7;
    --valcrena-teal: #167f83;
    --valcrena-teal-pale: #e2f5f4;
    --valcrena-blue: #2563eb;
    --valcrena-blue-pale: #e8efff;
    --valcrena-cyan: #0891b2;
    --valcrena-indigo: #4f46e5;
    --valcrena-violet: #7c3aed;
    --valcrena-amber: var(--atlas-gold);
    --valcrena-orange: #c65f2d;
    --valcrena-red: #b42318;
    --valcrena-red-pale: #fdecec;
    --valcrena-slate: var(--atlas-gray);
    --valcrena-slate-pale: #eef2f6;
    --valcrena-ink: var(--atlas-ink);
    --valcrena-ink-soft: #344054;
    --valcrena-tertiary: var(--atlas-muted);
    --valcrena-surface: #ffffff;
    --valcrena-surface-raised: rgba(255, 255, 255, .92);
    --valcrena-surface-soft: var(--atlas-surface-soft);
    --valcrena-surface-muted: #f7f8f7;
    --valcrena-bg: var(--atlas-background);
    --valcrena-line: var(--atlas-line);
    --valcrena-line-strong: rgba(13, 43, 92, .18);
    --valcrena-line-heavy: rgba(13, 43, 92, .28);
    --valcrena-radius-xs: 6px;
    --valcrena-radius-sm: 8px;
    --valcrena-radius-md: 12px;
    --valcrena-radius-lg: var(--atlas-radius-panel);
    --valcrena-radius-xl: 20px;
    --valcrena-space-1: 4px;
    --valcrena-space-2: 8px;
    --valcrena-space-3: 12px;
    --valcrena-space-4: 16px;
    --valcrena-space-5: 20px;
    --valcrena-space-6: 24px;
    --valcrena-space-8: 32px;
    --valcrena-space-10: 40px;
    --valcrena-space-12: 48px;
    --valcrena-space-16: 64px;
    --valcrena-control-height: 40px;
    --valcrena-control-height-compact: 34px;
    --valcrena-control-height-large: 46px;
    --valcrena-font-display: "Cormorant Garamond", Georgia, serif;
    --valcrena-font-family: "Montserrat", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
    --valcrena-font-size-body: 15px;
    --valcrena-font-size-secondary: 13px;
    --valcrena-font-size-tertiary: 12px;
    --valcrena-font-size-section: 17px;
    --valcrena-font-size-card-title: 18px;
    --valcrena-font-size-entity-title: 28px;
    --valcrena-font-size-title: 36px;
    --valcrena-font-size-kpi: 31px;
    --valcrena-font-weight-regular: 400;
    --valcrena-font-weight-medium: 600;
    --valcrena-font-weight-semibold: 650;
    --valcrena-font-weight-bold: 720;
    --valcrena-shadow-subtle: var(--atlas-shadow-surface);
    --valcrena-shadow-surface: var(--atlas-shadow-surface);
    --valcrena-shadow-elevated: 0 1px 3px rgba(24, 59, 59, .08), 0 16px 40px rgba(24, 59, 59, .08);
    --valcrena-shadow-floating: var(--atlas-shadow-floating);
    --valcrena-transition-fast: 160ms ease;
    --valcrena-focus-ring: 0 0 0 3px rgba(200, 162, 90, .28);

    --color-primary: var(--valcrena-primary-dark);
    --color-primary-hover: var(--valcrena-primary);
    --color-primary-soft: var(--valcrena-primary-pale);
    --color-accent: var(--atlas-gold);
    --color-background: var(--valcrena-bg);
    --color-surface: var(--valcrena-surface);
    --color-surface-secondary: var(--valcrena-surface-soft);
    --color-surface-muted: var(--valcrena-surface-muted);
    --color-surface-elevated: var(--valcrena-surface-raised);
    --color-text: var(--valcrena-ink);
    --color-text-secondary: var(--valcrena-ink-soft);
    --color-text-muted: var(--valcrena-tertiary);
    --color-border: var(--valcrena-line);
    --color-border-strong: var(--valcrena-line-strong);
    --color-success: var(--valcrena-primary);
    --color-success-soft: var(--valcrena-primary-pale);
    --color-info: var(--valcrena-blue);
    --color-info-soft: var(--valcrena-blue-pale);
    --color-warning: var(--valcrena-amber);
    --color-warning-soft: #fff4df;
    --color-danger: var(--valcrena-red);
    --color-danger-soft: var(--valcrena-red-pale);
    --color-neutral: var(--valcrena-slate);
    --color-neutral-soft: var(--valcrena-slate-pale);
    --radius-small: var(--valcrena-radius-xs);
    --radius-medium: var(--valcrena-radius-sm);
    --radius-large: var(--valcrena-radius-md);
    --radius-panel: var(--valcrena-radius-lg);
    --shadow-surface: var(--valcrena-shadow-surface);
    --shadow-elevated: var(--valcrena-shadow-elevated);
    --shadow-floating: var(--valcrena-shadow-floating);
    --control-height-sm: var(--valcrena-control-height-compact);
    --control-height-md: var(--valcrena-control-height);
    --control-height-lg: var(--valcrena-control-height-large);
    --color-opportunity: var(--valcrena-blue);
    --color-offer: var(--valcrena-amber);
    --color-dd: var(--valcrena-violet);
    --color-formalized: var(--atlas-navy);
    --color-portfolio: var(--atlas-navy);
    --color-promotion: var(--valcrena-indigo);
    --color-inventory: var(--valcrena-cyan);
    --color-sale: var(--valcrena-primary);
    --color-rental: var(--valcrena-teal);
    --color-finance: var(--valcrena-violet);
    --color-budget: var(--valcrena-blue);
    --color-attention: var(--valcrena-amber);
    --color-critical: var(--valcrena-red);
    --color-muted: var(--valcrena-slate);
}