/* ============================================================
   VARSAT — Color tokens
   Neutrals dominate (almost-white / almost-black). Three brand
   accents (blue, green, burgundy) carry attributes. Not all
   colors pair together — see the contrast matrix in readme.
   ============================================================ */

:root {
  /* ---- Base palette (from brand manual) ---- */
  --color-almost-black:   #1E1D1E;
  --color-almost-white:   #F2F2F2;
  --color-vibrant-blue:   #023573;  /* primary brand / interactive */
  --color-blue-mid:       #477694;  /* steel blue — supporting */
  --color-olive-green:    #00604F;  /* secondary brand / accent  */
  --color-olive-light:    #41B38C;  /* mint — highlights on dark  */
  --color-burgundy:       #99211B;  /* error / alert              */
  --color-burgundy-light: #E83955;  /* coral — sparing emphasis   */

  /* ---- Semantic: surfaces ---- */
  --color-bg-default:  #F2F2F2;
  --color-bg-surface:  #FFFFFF;
  --color-bg-subtle:   #EAEAEA;
  --color-bg-inverse:  #1E1D1E;
  --color-bg-brand:    #023573;

  /* ---- Semantic: text ---- */
  --color-text-primary:   #1E1D1E;
  --color-text-secondary: #4A4A4A;
  --color-text-muted:     #7A7A7A;
  --color-text-inverse:   #F2F2F2;
  --color-text-brand:     #023573;
  --color-text-accent:    #00604F;

  /* ---- Semantic: borders ---- */
  --color-border-default: #D0D0D0;
  --color-border-strong:  #1E1D1E;
  --color-border-brand:   #023573;

  /* ---- Interactive ---- */
  --color-interactive-default:  #023573;
  --color-interactive-hover:    #00604F;
  --color-interactive-active:   #1E1D1E;
  --color-interactive-disabled: #A0A0A0;

  /* ---- Feedback ---- */
  --color-feedback-error:   #99211B;
  --color-feedback-success: #00604F;
  --color-feedback-warning: #C47A00;

  /* ---- Signature gradients (diagonal, darkening to almost-black) ---- */
  --gradient-hero:       linear-gradient(135deg, #023573 0%, #00604F 50%, #1E1D1E 100%); /* @kind color */
  --gradient-blue-dark:  linear-gradient(135deg, #023573 0%, #1E1D1E 100%); /* @kind color */
  --gradient-green-dark: linear-gradient(135deg, #00604F 0%, #1E1D1E 100%); /* @kind color */
  --gradient-burg-dark:  linear-gradient(135deg, #99211B 0%, #1E1D1E 100%); /* @kind color */
  /* Protection overlay for text over photography */
  --gradient-overlay:    linear-gradient(to top, rgba(30,29,30,0.85) 0%, rgba(30,29,30,0.20) 60%, transparent 100%); /* @kind color */
}