:root{
  /* ========================================
     GRATOMIC INC. — Company Color Variables
     ======================================== */

  /* Gratomic Brand Colors */
  --navy:       #1B2D4F;
  --navy-deep:  #0F1C33;
  --blue:       #3571B8;
  --blue-light: #4A8AD4;
  --blue-muted: #2B5A96;
  --slate:      #64748B;
  --silver:     #E8ECF1;
  --off-white:  #F4F6F9;
  --white:      #FFFFFF;
  --gold:       #C4912E;
  --gold-light: #D9A94A;
  --graphite:   #2C2F33;
  --text-body:  #3B4559;

  /* App surfaces */
  --color-bg: #F4F6F9;
  --color-bg-alt: #E8ECF1;
  --color-bg-dark: #1B2D4F;
  --color-bg-dark-alt: #0F1C33;
  --color-card: #ffffff;

  /* Text */
  --color-text-primary: #3B4559;
  --color-text-muted: #64748B;
  --color-text-dark: #1B2D4F;
  --color-text-header: #ffffff;
  --color-text-subheader: rgba(255, 255, 255, 0.85);
  --color-text-header-dark: #1B2D4F;
  --color-text-subheader-dark: #64748B;

  /* Links */
  --color-link-primary: #C4912E;
  --color-link-hover-primary: #D9A94A;
  --color-link-dark: #3571B8;
  --color-link-hover-dark: #2B5A96;

  /* Lines / focus */
  --color-border: #1B2D4F;
  --color-border-light: #E8ECF1;
  --color-focus: #C4912E;

  /* Inputs */
  --color-input-bg: #ffffff;
  --color-input-border: rgba(0, 0, 0, 0.25);
  --color-input-text: #3B4559;
  --color-input-placeholder: #999999;

  /* Buttons */
  --button-bg-primary: #3571B8;
  --button-text-primary: #ffffff;
  --button-hover-primary: #2B5A96;
  --button-bg-secondary: transparent;
  --button-text-secondary: #ffffff;
  --button-hover-secondary: rgba(255, 255, 255, 0.1);

  /* Accent colors */
  --color-gold: #C4912E;
  --color-gold-dark: #D9A94A;
  --color-teal: #3571B8;
  --color-teal-hover: #2B5A96;
  --color-navy: #1B2D4F;
  --color-navy-dark: #0F1C33;
  --color-navy-deepest: #0F1C33;
  --color-navy-jurisdiction: #0F1C33;
  --color-header-bg: rgba(27, 45, 79, 0.95);
}