:root {
  /* ==================== */
  /* SURFACE              */
  /* ==================== */
  
  /* Primary */
  --surface-primary-background: var(--light-gray);
  --surface-primary-foreground: var(--medium-dark-blue);
  --surface-primary-alternative: var(--dark-blue-o50);
  --surface-primary-accent: var(--medium-gold);

  /* Secondary */
  --surface-secondary-background: var(--off-white);
  --surface-secondary-foreground: var(--medium-dark-blue);
  --surface-secondary-accent: var(--light-gold);

  /* ==================== */
  /* CARD                 */
  /* ==================== */
  
  /* Primary */
  --card-primary-background: var(--off-white);
  --card-primary-foreground: var(--medium-dark-blue);
  --card-primary-neutral: var(--dark-blue-o75);
  --card-primary-alternative: var(--dark-gold);
  --card-primary-accent: var(--medium-gold);
  --card-primary-shadow: var(--dark-blue-o05);
  
  /* Primary Content */
  --card-primary-content-background: var(--dark-blue-o05);
  --card-primary-content-foreground: var(--medium-dark-blue);
  --card-primary-content-alternative: var(--dark-gold);
  --card-primary-content-accent: var(--light-gold);
  --card-primary-content-border: var(--light-gold-o50);

  /* Secondary */
  --card-secondary-background: var(--medium-dark-blue);
  --card-secondary-foreground: var(--off-white);
  --card-secondary-neutral: var(--off-white-o75);
  --card-secondary-alternative: var(--light-gold-o50);
  --card-secondary-accent: var(--light-gold);

  /* ==================== */
  /* BUTTON               */
  /* ==================== */
  
  /* Primary */
  --button-primary-background-start: var(--dark-gold);
  --button-primary-background-end: var(--medium-gold);
  --button-primary-border-start: var(--medium-gold);
  --button-primary-border-end: var(--light-gold);
  --button-primary-foreground: var(--off-white);
  --button-primary-shadow: var(--dark-blue-o25);

  /* Secondary */
  --button-secondary-background: var(--off-white);
  --button-secondary-foreground: var(--medium-dark-blue);
  --button-secondary-border-start: var(--dark-blue);
  --button-secondary-border-end: var(--medium-dark-blue);

  /* ==================== */
  /* INPUT                */
  /* ==================== */
  
  /* Primary - Default */
  --input-primary-default-background: var(--off-white);
  --input-primary-default-foreground: var(--dark-blue-o50);
  --input-primary-default-accent: var(--medium-dark-blue);
  --input-primary-default-border: var(--dark-blue-o50);

  /* Primary - Focus */
  --input-primary-focus-background: var(--off-white);
  --input-primary-focus-foreground: var(--dark-blue);
  --input-primary-focus-accent: var(--dark-blue);
  --input-primary-focus-border: var(--medium-gold);

  /* Primary - Active */
  --input-primary-active-background: var(--off-white);
  --input-primary-active-foreground: var(--medium-dark-blue);
  --input-primary-active-accent: var(--medium-dark-blue);
  --input-primary-active-border: var(--dark-blue-o25);

  /* ==================== */
  /* CHECKBOX             */
  /* ==================== */
  
  /* Primary - Default */
  --check-primary-default-background: var(--off-white);
  --check-primary-default-border: var(--dark-blue-o50);

  /* Primary - Active */
  --check-primary-active-background: var(--off-white);
  --check-primary-active-foreground: var(--dark-blue);
  --check-primary-active-border: var(--dark-blue);
  --check-primary-active-splash: var(--light-gold-o25);

  /* ==================== */
  /* STATUS               */
  /* ==================== */
  
  /* Success */
  --success-background: var(--off-green);
  --success-foreground: var(--off-white);

  /* Error */
  --error-background: var(--off-red);
  --error-foreground: var(--off-white);
}