/* ==========================================================================
   AICC / JNICC — Shared Design Tokens
   SINGLE SOURCE OF TRUTH for the whole application.

   Loaded first by all three layouts:
     - resources/views/frontend/layouts/app.blade.php  (public website)
     - resources/views/layouts/app.blade.php           (admin / Le Rouge)
     - resources/views/layouts/auth_app.blade.php      (login)

   Colour values mirror public/frontend/css/themes.css, which remains the
   owner of the public site's components. Because themes.css loads AFTER
   this file on the frontend, the website's appearance is unchanged; the
   admin, which does not load themes.css, now inherits the same brand.

   Do not hardcode brand hex values anywhere else. Reference these tokens.
   ========================================================================== */

:root {
    /* ---------------------------------------------------------------------
       Brand — primary (green)
       --------------------------------------------------------------------- */
    --aicc-green: #1E7B34;
    --aicc-green-dark: #12362b;
    --aicc-green-light: #2a7a62;
    --aicc-green-tint: #E4F5E8;
    --aicc-green-rgb: 30, 123, 52;

    /* ---------------------------------------------------------------------
       Brand — accent (amber / gold)
       --------------------------------------------------------------------- */
    --aicc-gold: #E8940F;
    --aicc-gold-light: #e8bf4f;
    --aicc-gold-dark: #C96A0A;
    --aicc-gold-rgb: 232, 148, 15;
    /* Darkened gold for text: #E8940F on white is about 2.5:1 and
       #C96A0A about 4.0:1, both under the 4.5:1 needed for body copy. */
    --aicc-gold-deep: #A55606;

    --aicc-amber: #C96A0A;
    --aicc-amber-hi: #E8940F;
    --aicc-amber-tint: #FFF1DB;

    /* ---------------------------------------------------------------------
       Ink & sand scale
       --------------------------------------------------------------------- */
    --aicc-ink-900: #1A140C;
    --aicc-ink-700: #3A332A;
    --aicc-ink-500: #6B6255;

    /* rgb triplets for translucent scrims and tints */
    --aicc-ink-900-rgb: 26, 20, 12;
    --aicc-ink-700-rgb: 58, 51, 42;
    --aicc-sand-300: #B7AC98;
    --aicc-sand-100: #E7E0D2;
    --aicc-sand-50: #FAF7F1;

    /* ---------------------------------------------------------------------
       Neutrals & surfaces
       --------------------------------------------------------------------- */
    --aicc-charcoal: #1A140C;
    --aicc-graphite: #2d2d2d;
    --aicc-sky: #0C7FB0;
    --aicc-sky-light: #E5F3F9;
    --aicc-sand: #FAF7F1;
    --aicc-sand-dark: #E7E0D2;
    --aicc-white: #FFFFFF;
    --aicc-off-white: #FAF7F1;

    /* ---------------------------------------------------------------------
       Functional

       NOTE: themes.css sets --aicc-text to #F1F5F9 (near-white). On the
       frontend that declaration wins, because themes.css loads after this
       file. The readable value below is what the admin and login screens
       use, so dark-on-light body copy stays legible there.
       --------------------------------------------------------------------- */
    --aicc-text: #3A332A;
    --aicc-text-muted: #6B6255;
    --aicc-text-dim: #B7AC98;
    --aicc-text-faint: #6B6255;
    --aicc-border: #E7E0D2;
    --aicc-border-strong: #B7AC98;
    --aicc-shadow: rgba(26, 20, 12, 0.12);
    --aicc-shadow-lg: rgba(26, 20, 12, 0.2);

    /* ---------------------------------------------------------------------
       Status
       --------------------------------------------------------------------- */
    --aicc-success: #1E7B34;
    --aicc-info: #0C7FB0;
    --aicc-warning: var(--aicc-gold);
    --aicc-danger: #B4321E;
    --aicc-terracotta: #B4321E;

    /* ---------------------------------------------------------------------
       Radius scale — use these instead of ad-hoc pixel values
       --------------------------------------------------------------------- */
    --aicc-radius-sm: 4px;
    --aicc-radius: 8px;
    --aicc-radius-md: 12px;
    --aicc-radius-lg: 1rem;
    --aicc-radius-xl: 1.5rem;
    --aicc-radius-pill: 50px;
    --aicc-radius-circle: 50%;

    /* ---------------------------------------------------------------------
       Spacing scale
       --------------------------------------------------------------------- */
    --aicc-space-1: 0.25rem;
    --aicc-space-2: 0.5rem;
    --aicc-space-3: 0.75rem;
    --aicc-space-4: 1rem;
    --aicc-space-5: 1.5rem;
    --aicc-space-6: 2rem;
    --aicc-space-7: 3rem;
    --aicc-space-8: 4rem;

    /* ---------------------------------------------------------------------
       Elevation
       --------------------------------------------------------------------- */
    --aicc-elev-1: 0 2px 8px var(--aicc-shadow);
    --aicc-elev-2: 0 4px 14px var(--aicc-shadow);
    --aicc-elev-3: 0 12px 28px var(--aicc-shadow);
    --aicc-elev-4: 0 16px 40px var(--aicc-shadow-lg);

    /* ---------------------------------------------------------------------
       Motion
       --------------------------------------------------------------------- */
    --aicc-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --aicc-transition: 0.3s var(--aicc-ease);
    --aicc-transition-fast: 0.2s ease;

    /* ---------------------------------------------------------------------
       Typography
       --------------------------------------------------------------------- */
    --aicc-font: 'Open Sans', sans-serif;
    --aicc-line-body: 1.7;
    --aicc-line-heading: 1.3;

    /* =====================================================================
       ALIASES — keep legacy stylesheets working without editing them.
       ===================================================================== */

    /* Legacy frontend names */
    --eastern-blue: var(--aicc-green);
    --primary-color: var(--aicc-green);
    --accent-color: var(--aicc-gold);
    --tacao: var(--aicc-gold);
    --burnt-sienna: var(--aicc-gold-dark);
    --burnt-umber: var(--aicc-gold-dark);
    --glacier: var(--aicc-sky);
    --eternity: var(--aicc-charcoal);
    --powder-blue: var(--aicc-sky-light);
    --catalina-blue: var(--aicc-green-dark);
    --chathams-blue: var(--aicc-green-light);
    --green-white: var(--aicc-sand);

    /* Backend names, previously an unrelated blue palette.
       Re-pointed at the AICC brand so admin and website match. */
    --brand-primary: var(--aicc-green);
    --brand-primary-tint: var(--aicc-green-light);
    --brand-primary-soft: rgba(var(--aicc-green-rgb), 0.1);
    --brand-secondary: var(--aicc-gold);
    --brand-secondary-tint: var(--aicc-gold-light);
    --brand-dark: var(--aicc-green-dark);
    --brand-gold: var(--aicc-gold);
    --brand-teal: var(--aicc-green-light);
    --brand-indigo: var(--aicc-graphite);
    --brand-danger: var(--aicc-danger);

    /* Bootstrap bridge — makes .btn-primary, .text-primary, .bg-primary
       and friends inherit the brand on both sides of the app. */
    --bs-primary: var(--aicc-green);
    --bs-primary-rgb: 30, 123, 52;
    --bs-secondary: var(--aicc-gold);
    --bs-secondary-rgb: 232, 148, 15;
    --bs-warning: var(--aicc-gold);
    --bs-warning-rgb: 232, 148, 15;
}