/* =============================================================================
   Comoestas Design Tokens
   Single source of truth for all brand colors, typography and spacing.
   Loaded in layout/main.blade.php so every page inherits these variables.
   ============================================================================= */

:root {
    /* ── Brand colors ─────────────────────────────────────── */
    --ce-claret:          #AD1519;
    --ce-dark-claret:     #900F13;
    --ce-yellow:          #FABD00;
    --ce-lite-yellow:     #FFD861;
    --ce-cream:           #FFF8E2;
    --ce-muted:           #6F5657;

    /* ── Semantic aliases ─────────────────────────────────── */
    --ce-primary:         var(--ce-claret);
    --ce-primary-dark:    var(--ce-dark-claret);
    --ce-primary-hover:   var(--ce-dark-claret);
    --ce-accent:          var(--ce-yellow);
    --ce-bg:              var(--ce-cream);
    --ce-bg-content:      #F9F7F5;

    /* ── Shadows (pre-computed for rgba usage) ────────────── */
    --ce-shadow-primary:  rgba(173, 21, 25, 0.25);
    --ce-shadow-primary-hover: rgba(173, 21, 25, 0.35);
    --ce-shadow-dark:     rgba(144, 15, 19, 0.15);

    /* ── Typography ───────────────────────────────────────── */
    --ce-font-body:       'Raleway', 'DM Sans', sans-serif;
    --ce-font-heading:    'Boldonse', sans-serif;

    /* ── Neutral palette (unchanged) ─────────────────────── */
    --ce-neutral-100:     #f7f8fa;
    --ce-neutral-200:     #f0f2f5;
    --ce-neutral-300:     #e2e5eb;
    --ce-neutral-400:     #c8cdd6;
    --ce-neutral-500:     #8a8f9a;
    --ce-neutral-600:     #5a5f6a;
    --ce-neutral-700:     #2d3340;
    --ce-neutral-800:     #1a1a2e;

    /* ── Status colors (unchanged) ───────────────────────── */
    --ce-success:         #007d36;
    --ce-success-dark:    #005c28;
    --ce-danger:          var(--ce-claret);
    --ce-warning:         var(--ce-yellow);
    --ce-info-bg:         #e8f4fd;
    --ce-info-text:       #0a558c;
}