/* =========================================================
   Gulf Coast Estate Care — Brand Design System
   Single source of truth for color, type, spacing.
   Loaded from _Layout.cshtml on every page.
   ========================================================= */

:root {
    /* --- Brand color (canonical) --- */
    --gc-navy:        #123b6d;
    --gc-navy-dark:   #0f3159;
    --gc-navy-darker: #0a2748;

    --gc-gold:        #c8a96b;
    --gc-gold-dark:   #8f6b2a;
    --gc-gold-soft:   #f6efe3;

    /* --- Neutrals --- */
    --gc-text:        #1f2937;
    --gc-muted:       #6b7280;
    --gc-line:        #e5e7eb;
    --gc-bg:          #f8fafc;
    --gc-white:       #ffffff;

    /* --- Typography --- */
    --gc-font-sans:   -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", Arial, sans-serif;
    --gc-font-serif:  Georgia, "Times New Roman", serif;

    /* --- Radius --- */
    --gc-radius-sm:   16px;
    --gc-radius:      24px;
    --gc-radius-lg:   28px;
    --gc-radius-xl:   32px;
    --gc-radius-pill: 999px;

    /* --- Elevation --- */
    --gc-shadow-sm:   0 8px 20px rgba(15, 23, 42, 0.05);
    --gc-shadow:      0 18px 40px rgba(15, 23, 42, 0.07);
    --gc-shadow-lg:   0 24px 60px rgba(15, 23, 42, 0.12);

    /* --- Legacy aliases ---
       Existing page-level styles reference these short names.
       Keeping them as aliases lets us strip the per-page :root
       blocks without rewriting class definitions. */
    --navy:        var(--gc-navy);
    --navy-dark:   var(--gc-navy-dark);
    --gold:        var(--gc-gold);
    --accent:      var(--gc-gold);
    --gold-soft:   var(--gc-gold-soft);
    --gold-dark:   var(--gc-gold-dark);
    --accent-soft: var(--gc-gold-soft);
    --text:        var(--gc-text);
    --muted:       var(--gc-muted);
    --line:        var(--gc-line);
    --bg:          var(--gc-bg);
    --white:       var(--gc-white);
    --card:        var(--gc-white);
}

/* --- Base typography --- */

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: var(--gc-font-sans);
    color: var(--gc-text);
}