/* This file is part of indico-wipo. */

/*** WIPO color palette ***/
:root {
    /* Main colors - Primary */
    --wipo-blue: #0059C6;
    --wipo-black: #000000;
    --wipo-white: #FFFFFF;

    /* Main colors - Functional */
    --wipo-aqua: #1C94AB;
    --wipo-lime: #A8B215;
    --wipo-cherry: #B3145B;
    --wipo-magenta: #982F78;
    --wipo-green: #68A225;
    --wipo-orange: #BF5208;
    --wipo-red: #A42623;

    /* Extended colors */
    --wipo-gray-2: #303030;
    --wipo-gray-3: #4A4A4A;
    --wipo-gray-5: #727272;
    --wipo-gray-6: #969696;
    --wipo-gray-8: #C9C9C9;
    --wipo-gray-9: #E3E3E3;
    --wipo-gray-10: #F0F0F0;
    --wipo-gray-11: #FCFCFC;
    --wipo-blue-3: #004294;
    --wipo-blue-8: #94C4FF;
    --wipo-blue-10: #E5F1FF;
    --wipo-aqua-9: #CFF1F7;
    --wipo-aqua-10: #E9F8FB;
    --wipo-lime-9: #F6F9CD;
    --wipo-lime-10: #FBFCE8;
    --wipo-cherry-3: #850F44;
    --wipo-green-3: #4D781B;
    --wipo-orange-2: #5D2804;
    /* XXX: add as needed from https://ulf.wipo.int/0e787783a/p/79b7a3-colors/b/86aad6 */

    /* Other colors, not present on the list but widely used */
    --wipo-warm-gray: #FAF8F8;
}

/*** Indico color palette ***/
body {
    --text-color: var(--wipo-gray-2);
    --text-inverse-color: var(--wipo-white);
    --text-disabled-color: var(--wipo-gray-6);
    --text-secondary-color: var(--wipo-gray-5);
    --background-primary: var(--wipo-white);
    --background-secondary: var(--wipo-gray-11);
    --surface-default: var(--wipo-gray-9);
    --surface-inverse-color: var(--wipo-gray-3);
    --surface-accent-color: var(--accent-color);
    --surface-accent-secondary-color: #cee8f5;
    --surface-highlight-color: var(--wipo-gray-8);
    --surface-highlight-inverse-color: var(--text-secondary-color);
    --surface-disabled-color: var(--wipo-gray-11);
    --surface-disabled-inverse-color: var(--wipo-gray-5);
    --border-default-color: #5a5a5a;
    --border-disabled-color: var(--wipo-gray-8);
    --accent-color: var(--wipo-blue);
    --accent-secondary-color: var(--wipo-orange); /* XXX: min font size 1.2rem or 1rem bold (or solid icon) */
    --accent-highlight-color: var(--wipo-blue-3);
    --accent-border-color: var(--wipo-blue-3);
    --active-color: var(--wipo-red);
    --visited-color: var(--wipo-magenta);
    --protected-color: var(--wipo-orange); /* XXX: min font size 1.2rem or 1rem bold (or solid icon) */
    --highlight-color: #fff9b8; /* XXX: Subtle highlight / background of large highlighted areas */
    --attention-color: #fd0; /* XXX: Small UI bits that scream for attention */

    --text-red-color: var(--wipo-red);
    --text-green-color: var(--wipo-green);
    --text-blue-color: var(--wipo-blue);
    --text-brown-color: var(--wipo-orange-2);
    --text-orange-color: var(--wipo-orange);
}