/*
 * Mirror of growthscope/assets/palette.css. Kept in sync manually for now.
 * In future could set up a shared assets folder.
 *
 * Only the :root variables are used by signin/. The theme-specific
 * `[data-theme='ALC']` / `[data-theme='NARTD']` blocks have been kept in case
 * we ever want to sign in by domain colour.
 */

/* --- THEME OVERRIDES --- */

/* ALC Theme - Balanced Green Family */
[data-theme='ALC'], .modal-content.ALC {
  --growthscope-one: #8BB635;
  --growthscope-two: #6F912A;

  --background: #EDF1E9;
  --hover: #E9EBE6;
  --ghost: #74c0fc; /*blue for some reason - fix*/

  --bs-primary: var(--growthscope-one);
  --bs-secondary: #999999;

  --nav-selected: var(--growthscope-one);
  --nav-available-bg: #F4F8EE;   /* Very pale tint of growthscope-one */
  --nav-available-text: #4F681E; /* Dark forest green for readability */
  --nav-available-border: #D1E1B9;
}

/* NARTD Theme - Balanced Blue Family */
[data-theme='NARTD'], .modal-content.NARTD {
  --growthscope-one: #0077B6;      /* Brighter, more "oceanic" blue */
  --growthscope-two: #005F91;

  --background: #E8EEF1;
  --hover: #DEE6EB;
  --ghost: #74c0fc;

  --bs-primary: var(--growthscope-one);
  --bs-secondary: var(--growthscope-two);

  --nav-selected: var(--growthscope-one);
  --nav-available-bg: #EBF5FA;
  --nav-available-text: #004B73;
  --nav-available-border: #B6D8EB;
}

:root {
  /* --- SUPPORT COLOURS --- */
  --pale-text-grey:     #767676;
  --dark-text-grey:     #555555;

  /* --- WEB AND PRINT BRAND PALETTE --- */
  --brand-primary:     #008037;
  --brand-secondary-1: #457A2E;
  --brand-secondary-2: #8BB635;
  --brand-secondary-3: #A3C266;
  --brand-secondary-4: #AFB931;
  --brand-secondary-5: #C8D339;
  --brand-accent-light: #EFE59C;

  /* --- FULL GRID (100=Light, 500=Anchor, 600=Darkest) --- */

  --color-green-600: #004d21;
  --color-green-500: #008037;
  --color-green-400: #22AC56;
  --color-green-300: #1BAA8C;
  --color-green-200: #61A48D;
  --color-green-100: #B9DDBB;

  --color-purple-600: #712151;
  --color-purple-500: #A12F73;
  --color-purple-400: #B364D6;
  --color-purple-300: #DD87D3;
  --color-purple-200: #D2C5ED;
  --color-purple-100: #F1ECF8;

  --color-cream-600: #BFAF74;
  --color-cream-500: #EFE59C;
  --color-cream-400: #EEEDBD;
  --color-cream-300: #FAFBE1;
  --color-cream-200: #FAF2D6;
  --color-cream-100: #FCF8E8;

  --color-blue-deep-600: #003a57;
  --color-blue-deep-500: #006393;
  --color-blue-deep-400: #0091BF;
  --color-blue-deep-300: #8FC7FF;
  --color-blue-deep-200: #B9DCFF;
  --color-blue-deep-100: #DBE6FD;

  --color-orange-600: #9e6700;
  --color-orange-500: #DA8E00;
  --color-orange-400: #FFBD49;
  --color-orange-300: #FBD575;
  --color-orange-200: #FEDBAC;
  --color-orange-100: #FEF1E2;

  --color-terracotta-600: #7a0303;
  --color-terracotta-500: #A80404;
  --color-terracotta-400: #EB4503;
  --color-terracotta-300: #F38C63;
  --color-terracotta-200: #FABCA8;
  --color-terracotta-100: #FDE6DF;

  --color-grey-600: #555555;
  --color-grey-500: #777777;
  --color-grey-400: #999999;
  --color-grey-300: #CFD7CD;
  --color-grey-200: #E9ECE8;
  --color-grey-100: #F6F8F6;

  --color-indigo-600: #2a1e6b;
  --color-indigo-500: #3F2EA2;
  --color-indigo-400: #7060D2;
  --color-indigo-300: #9E93E1;
  --color-indigo-200: #BAC6EC;
  --color-indigo-100: #DADAF6;

  --color-blue-royal-600: #003582;
  --color-blue-royal-500: #004FC4;
  --color-blue-royal-400: #1976FF;
  --color-blue-royal-300: #65A3FF;
  --color-blue-royal-200: #A3C8FF;
  --color-blue-royal-100: #DEF6FE;

  --color-lime-600: #7e7003;
  --color-lime-500: #BBA505;
  --color-lime-400: #F9DD0B;
  --color-lime-300: #E4F86C;
  --color-lime-200: #F0FBAF;
  --color-lime-100: #F8FDD7;

  --color-vibrant-purple-600: #930297;
  --color-vibrant-purple-500: #D603DB;
  --color-vibrant-purple-400: #F718FC;
  --color-vibrant-purple-300: #F963FD;
  --color-vibrant-purple-200: #FCB0FE;
  --color-vibrant-purple-100: #FED9FF;

  --color-cyan-600: #005f80;
  --color-cyan-500: #0088B8;
  --color-cyan-400: #00B3F2;
  --color-cyan-300: #4BD0FF;
  --color-cyan-200: #9FE6FF;
  --color-cyan-100: #DAFEF8;

  --color-rose-600: #8a0045;
  --color-rose-500: #CC0066;
  --color-rose-400: #FF0180;
  --color-rose-300: #FF53A9;
  --color-rose-200: #FF8BC5;
  --color-rose-100: #FFC5E2;

  --color-mint-600: #1d573a;
  --color-mint-500: #2F8D5E;
  --color-mint-400: #3CB679;
  --color-mint-300: #80D6AB;
  --color-mint-200: #BCEAD3;
  --color-mint-100: #D6F2E4;
}