@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap");

:root {
    --atlas-brand-primary: #0F3D32;
    --atlas-brand-primary-hover: #0A312A;
    --atlas-brand-primary-soft: #EAF2ED;
    --atlas-brand-sage: #84A98C;
    --atlas-brand-sage-soft: #EEF5F0;
    --atlas-brand-stone: #D7C9B8;
    --atlas-brand-stone-soft: #F2ECE4;
    --atlas-brand-graphite: #6B7280;
    --atlas-brand-ivory: #F8F6F1;
    --atlas-brand-ink: #102821;
    --atlas-brand-deep-ink: #061D19;
    --atlas-navy: var(--atlas-brand-primary);
    --atlas-gold: var(--atlas-brand-sage);
    --atlas-white: #FFFFFF;
    --atlas-gray: var(--atlas-brand-graphite);
    --atlas-background: var(--atlas-brand-ivory);
    --atlas-surface-soft: #F3F1EA;
    --atlas-ink: var(--atlas-brand-deep-ink);
    --atlas-muted: #5E6B64;
    --atlas-line: #DDD9D1;
    --atlas-bg-page: var(--atlas-brand-ivory);
    --atlas-bg-surface: #FFFFFF;
    --atlas-bg-subtle: #F3F1EA;
    --atlas-bg-elevated: rgba(255, 255, 255, .94);
    --atlas-text-primary: var(--atlas-brand-deep-ink);
    --atlas-text-secondary: #30443D;
    --atlas-text-muted: #66736C;
    --atlas-text-inverse: #F8F6F1;
    --atlas-border: #DDD9D1;
    --atlas-border-strong: rgba(15, 61, 50, .24);
    --atlas-success: #287A4E;
    --atlas-warning: #B7791F;
    --atlas-danger: #B42318;
    --atlas-info: #2F6F82;
    --atlas-neutral: #6B7280;
    --atlas-focus: rgba(132, 169, 140, .42);
    --atlas-link: #0F3D32;
    --atlas-chart-slate-blue: #607D8B;
    --atlas-chart-lavender: #8E7CA8;
    --atlas-chart-terracotta: #B66A4A;
    --atlas-chart-amber: #B8903B;
    --atlas-chart-teal: #2F7E73;
    --atlas-radius-panel: 8px;
    --atlas-shadow-surface: 0 2px 14px rgb(6 29 25 / 5%);
    --atlas-shadow-floating: 0 18px 44px rgb(6 29 25 / 14%);
    --atlas-button-primary-bg: var(--atlas-brand-primary);
    --atlas-button-primary-hover: var(--atlas-brand-primary-hover);
    --atlas-input-border: var(--atlas-border);
    --atlas-input-focus: var(--atlas-brand-sage);
    --atlas-table-header-bg: #F3F1EA;
    --atlas-sidebar-bg: var(--atlas-brand-primary);
    --atlas-sidebar-active: rgba(132, 169, 140, .20);
    --atlas-card-bg: #FFFFFF;
    --atlas-card-border: var(--atlas-border);
    --valcrena-primary-dark: var(--atlas-navy);
    --valcrena-primary: var(--atlas-navy);
    --valcrena-primary-medium: var(--atlas-gold);
    --valcrena-primary-light: var(--atlas-brand-sage);
    --valcrena-primary-pale: var(--atlas-brand-primary-soft);
    --valcrena-teal: var(--atlas-chart-teal);
    --valcrena-teal-pale: #E6F1EE;
    --valcrena-blue: var(--atlas-chart-slate-blue);
    --valcrena-blue-pale: #EDF3F5;
    --valcrena-cyan: #3B8792;
    --valcrena-indigo: var(--atlas-chart-lavender);
    --valcrena-violet: #78618E;
    --valcrena-amber: var(--atlas-gold);
    --valcrena-orange: var(--atlas-chart-terracotta);
    --valcrena-red: #b42318;
    --valcrena-red-pale: #fdecec;
    --valcrena-slate: var(--atlas-gray);
    --valcrena-slate-pale: #EEF1EF;
    --valcrena-ink: var(--atlas-ink);
    --valcrena-ink-soft: var(--atlas-text-secondary);
    --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: var(--atlas-bg-subtle);
    --valcrena-bg: var(--atlas-background);
    --valcrena-line: var(--atlas-line);
    --valcrena-line-strong: var(--atlas-border-strong);
    --valcrena-line-heavy: rgba(15, 61, 50, .34);
    --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: "Fraunces", Georgia, serif;
    --valcrena-font-family: "Manrope", "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 var(--atlas-focus);

    --color-primary: var(--valcrena-primary-dark);
    --color-primary-hover: var(--valcrena-primary);
    --color-primary-soft: var(--valcrena-primary-pale);
    --color-accent: var(--atlas-brand-sage);
    --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(--atlas-success);
    --color-success-soft: #E7F4EC;
    --color-info: var(--valcrena-blue);
    --color-info-soft: var(--valcrena-blue-pale);
    --color-warning: var(--atlas-warning);
    --color-warning-soft: #FFF5DE;
    --color-danger: var(--valcrena-red);
    --color-danger-soft: var(--valcrena-red-pale);
    --color-neutral: var(--atlas-neutral);
    --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(--atlas-chart-teal);
    --color-attention: var(--valcrena-amber);
    --color-critical: var(--valcrena-red);
    --color-muted: var(--valcrena-slate);
}