/* =============================================================================
   Linknovate brand palette — "Paleta color LKN v3"
   -----------------------------------------------------------------------------
   These are the ONLY colors allowed across the platform. They may be varied
   ONLY via transparency (rgba / *-rgba-* variants below), never by introducing
   new hues. Functional neutrals (white / black / grey) are kept because the
   palette intentionally contains no neutrals — the palette governs all brand,
   accent and semantic color decisions.
   ============================================================================= */

:root {
    /* ---------------------------------------------------------------------
       PRIMARY PALETTE (page 1)
       --------------------------------------------------------------------- */

    /* Primary brand — aguamarina */
    --aguamarina: #3cd2af;
    --aguamarina-rgba-50: rgba(60, 210, 175, 0.5);
    --aguamarina-rgba-20: rgba(60, 210, 175, 0.2);
    --aguamarina-rgba-10: rgba(60, 210, 175, 0.1);

    /* Brand greens */
    --forest: #1b614f;
    --forest-rgba-50: rgba(27, 97, 79, 0.5);
    --forest-rgba-20: rgba(27, 97, 79, 0.2);
    --forest-rgba-10: rgba(27, 97, 79, 0.1);
    --pine: #21331a;
    --pine-rgba-50: rgba(33, 51, 26, 0.5);
    --pine-rgba-20: rgba(33, 51, 26, 0.2);

    /* Brand navy */
    --deep: #283246;
    --deep-rgba-50: rgba(40, 50, 70, 0.5);
    --deep-rgba-20: rgba(40, 50, 70, 0.2);
    --deep-rgba-10: rgba(40, 50, 70, 0.1);

    /* Accent / links — teal */
    --teal: #1e84a6;
    --teal-rgba-50: rgba(30, 132, 166, 0.5);
    --teal-rgba-20: rgba(30, 132, 166, 0.2);
    --teal-rgba-10: rgba(30, 132, 166, 0.1);

    /* Secondary accents — periwinkle / purple / lavender */
    --periwinkle: #7d85c1;
    --periwinkle-rgba-50: rgba(125, 133, 193, 0.5);
    --periwinkle-rgba-20: rgba(125, 133, 193, 0.2);
    --purple: #5f4185;
    --purple-rgba-50: rgba(95, 65, 133, 0.5);
    --purple-rgba-20: rgba(95, 65, 133, 0.2);
    --lavender: #d8caed;
    --lavender-rgba-50: rgba(216, 202, 237, 0.5);

    /* Light surfaces */
    --sage: #cce3dd;
    --sage-rgba-50: rgba(204, 227, 221, 0.5);
    --cream: #f7efe3;
    --cream-rgba-50: rgba(247, 239, 227, 0.5);

    /* Warm accents — orange / gold */
    --orange: #f7a831;
    --orange-rgba-50: rgba(247, 168, 49, 0.5);
    --orange-rgba-20: rgba(247, 168, 49, 0.2);
    --orange-rgba-10: rgba(247, 168, 49, 0.1);
    --gold: #a86f19;
    --gold-rgba-50: rgba(168, 111, 25, 0.5);
    --gold-rgba-20: rgba(168, 111, 25, 0.2);

    /* Danger / error / delete — chile */
    --chile: #ad1131;
    --chile-rgba-50: rgba(173, 17, 49, 0.5);
    --chile-rgba-20: rgba(173, 17, 49, 0.2);
    --chile-rgba-10: rgba(173, 17, 49, 0.1);

    /* ---------------------------------------------------------------------
       EXTENDED PALETTE (page 2) — data-viz / charts
       Named aliases + ordered --chart-1..20 sequence.
       --------------------------------------------------------------------- */

    /* Teal / green family */
    --deep-teal: #197d8e;
    --teal-green: #0099a0;
    --turquoise: #05b6ab;
    --aqua: #85dad7;
    --aqua-light: #80ead1;
    --sky-soft: #89c9dc;

    /* Blue family */
    --sky: #8eb9e2;
    --cornflower: #92a8e8;
    --azure: #0073d4;
    --blue: #0090de;
    --cyan: #00aad6;
    --steel: #5a709d;
    --indigo: #6a73b2;

    /* Purple family */
    --lilac: #c4afff;
    --iris: #998ff0;
    --violet: #9e7ff6;
    --amethyst: #947de8;
    --grape: #897adb;
    --wisteria: #8c7bcd;
    --periwinkle-bright: #7f78cd;

    /* Ordered chart sequence (mix of primary + extended for good separation) */
    --chart-1: #1e84a6;
    --chart-2: #3cd2af;
    --chart-3: #f7a831;
    --chart-4: #5f4185;
    --chart-5: #ad1131;
    --chart-6: #1b614f;
    --chart-7: #7d85c1;
    --chart-8: #00aad6;
    --chart-9: #a86f19;
    --chart-10: #05b6ab;
    --chart-11: #9e7ff6;
    --chart-12: #0099a0;
    --chart-13: #92a8e8;
    --chart-14: #80ead1;
    --chart-15: #8c7bcd;
    --chart-16: #0073d4;
    --chart-17: #197d8e;
    --chart-18: #c4afff;
    --chart-19: #89c9dc;
    --chart-20: #6a73b2;

    /* ---------------------------------------------------------------------
       ORGANIZATION-TYPE COLORS
       One brand-palette hue per organization type. Must stay in sync with the
       `chart_color` values in organization_types_utils.py so the org table,
       avatars and the InnoScout live-preview badges all read the same.
       Keyed by affiliation_type (the value of institution.internal_type).
       --------------------------------------------------------------------- */
    --org-corporation: var(--wisteria);            /* #8c7bcd */
    --org-smb: var(--aguamarina);                  /* #3cd2af */
    --org-university: var(--cyan);                 /* #00aad6 */
    --org-educational_institution: var(--deep-teal); /* #197d8e — research labs */
    --org-startup: var(--lilac);                   /* #c4afff */
    --org-public_institutions: var(--teal-green);  /* #0099a0 */

    /* ---------------------------------------------------------------------
       FUNCTIONAL NEUTRALS (kept — not part of the brand palette)
       Required for UI: text, backgrounds, borders, disabled states.
       --------------------------------------------------------------------- */
    --textblack: #33373d;                  /* soft charcoal — pure #000 reads too harsh */
    --textblack-rgba-70: rgba(51, 55, 61, 0.7);
    --textblack-rgba-50: rgba(51, 55, 61, 0.5);
    --textwhite: #fafafa;
    --white: #ffffff;
    --ice: #eaebec;
    --light-grey: #f0f0f0;
    --grey-mid: #9a9ca6;
    --grey-dark: #5a5d6b;

    /* ---------------------------------------------------------------------
       LEGACY ALIASES — remapped to the nearest palette color so the ~150
       files already consuming these variables update automatically.
       Do not rename these; consumers reference them by name.
       --------------------------------------------------------------------- */
    --coral: #ad1131;                                 /* -> chile (danger/delete) */
    --coral-rgba-50: rgba(173, 17, 49, 0.5);
    --coral-rgba-10: rgba(173, 17, 49, 0.1);
    --fog: #f7efe3;                                    /* -> cream (warm surface) */
    --fog-rgba-50: rgba(247, 239, 227, 0.7);
    --warning: #f7a831;                                /* -> orange */
    --warning-rgba-20: rgba(247, 168, 49, 0.2);
    --warning-rgba-10: rgba(247, 168, 49, 0.1);
    --light-green: #cce3dd;                            /* -> sage */
    --light-green-rgba-50: rgba(204, 227, 221, 0.5);
    --light-blue: #8eb9e2;                             /* -> sky */
    --light-blue-rgba-50: rgba(142, 185, 226, 0.5);
    --light-orange: rgba(247, 168, 49, 0.35);          /* -> orange tint */
    --light-orange-rgba-50: rgba(247, 168, 49, 0.2);

    /* ---------------------------------------------------------------------
       LANDING (lv2) surfaces & accent tokens — defined centrally here,
       consumed via var(--lv2-*) in landing-v2.css. Surfaces are functional
       neutrals; accents reference the brand palette.
       --------------------------------------------------------------------- */
    --lv2-bg: #fafbf9;                 /* page background (near-white) */
    --lv2-surface: #ffffff;            /* cards / panels */
    --lv2-surface-tint: #f3f6f1;       /* subtle tinted surface */
    --lv2-ink: #0e1a14;                /* primary ink */
    --lv2-ink-muted: #5a6b62;          /* muted ink */
    --lv2-border: #e6ebe5;             /* hairline borders */
    --lv2-mint-50: #eaf7f0;            /* lightest brand-tinted surface */
    --lv2-mint-100: var(--sage);
    --lv2-emerald: var(--forest);
    --lv2-emerald-deep: var(--pine);
    --lv2-lime: var(--aguamarina);     /* primary landing accent */
    --lv2-lime-accent: var(--forest);  /* deeper green companion */
    --lv2-amber: var(--orange);        /* secondary "amber" variant */
    --lv2-rose: var(--cream);
}