/*
*  Dovi Manager -- colour palette.
*
*  DERIVED, NOT INVENTED. Every value below already existed in the codebase;
*  this file names the ones that were doing the real work and gives the rest
*  somewhere to collapse into. The audit found 209 distinct colours across
*  1,302 references -- 58 greys for what is really eight, and 66 blues for
*  what is really two.
*
*  --navy-600 (#34567a) is the Dovi brand navy. --navy-700 (#294177) is its
*  darker sibling; between them they accounted for 81 of those 66 blues' uses.
*
*  HOW TO USE
*  ----------
*  Reach for a token first. Custom colour on a page is fine when the page
*  genuinely calls for it -- the goal is that the DEFAULT is globalized, not
*  that exceptions are banned.
*
*  Adding a new colour here should feel like a decision. Adding a fourteenth
*  grey should feel like a mistake.
*/

:root {

    /* --- Brand ------------------------------------------------------- */
    --navy-700:      #294177;   /* 43 uses -- headers, primary nav */
    --navy-600:      #34567a;   /* 38 uses -- Dovi brand navy */
    --navy-500:      #2a4663;   /*  5 uses -- deeper chrome */
    --blue-link:     #0b5394;   /*  5 uses -- link blue */
    --blue-accent:   #0073ea;   /*  6 uses -- interactive/active */

    /* --- Status ------------------------------------------------------ */
    --danger:        #cc0000;   /* 25 uses */
    --danger-dark:   #880000;
    --danger-soft:   #b3312c;   /* 11 uses -- muted red used in tables */
    --success:       #1c6b1c;   /* 14 uses */
    --success-mid:   #1f9d55;
    --accent-green:  #8cc63f;   /*  7 uses -- the highlight green */
    --warning:       #fc9a18;
    --warning-dark:  #cc7700;

    /* --- Neutrals ---------------------------------------------------- */
    /* Eight steps covering the 58 greys that were in use. */
    --white:         #ffffff;   /* 214 uses */
    --grey-50:       #f7f7f7;   /* absorbs fdfdfd fafafa f8f8f8 f5f5f5 f4f4f4 f2f2f2 */
    --grey-100:      #eeeeee;   /*  60 uses -- absorbs f0f0f0 ededed ececec ebebeb */
    --grey-200:      #dddddd;   /*  12 uses -- absorbs e6e6e6 e4e4e4 e2e2e2 e0e0e0 dcdcdc */
    --grey-300:      #cccccc;   /* 109 uses -- borders */
    --grey-400:      #aaaaaa;   /*  49 uses */
    --grey-500:      #888888;   /*  33 uses -- absorbs 999999 */
    --grey-600:      #666666;   /*  30 uses -- absorbs 555555 */
    --grey-700:      #444444;   /*  21 uses -- absorbs 333333 */
    --black:         #000000;   /* 152 uses */

    /* Two odd neutrals that are genuinely in use and not quite grey. */
    --taupe:         #777766;   /*  47 uses */
    --mauve-grey:    #767078;   /*  13 uses */

    /* --- Semantic roles ---------------------------------------------- */
    /* Prefer these in new work: they say what the colour is FOR, so a
       later palette change does not mean hunting through every rule. */
    --text-body:       var(--black);
    --text-muted:      var(--grey-600);
    --text-inverse:    var(--white);

    --surface-page:    var(--grey-50);
    --surface-card:    var(--white);
    --surface-alt:     var(--grey-100);

    --border-default:  var(--grey-300);
    --border-subtle:   var(--grey-200);
    --border-strong:   var(--grey-400);

    --header-bg:       var(--navy-700);
    --header-text:     var(--white);
    --link:            var(--blue-link);
    --link-hover:      var(--navy-600);
}