:root {
  /* Brand colours */
  --color-primary:      #0f1f5c;
  --color-primary-dark: #091447;
  --color-primary-mid:  #1a3480;
  --color-accent:       #e8a020;
  --color-accent-dark:  #c98a10;
  --color-accent-soft:  #fff8ec;

  /* Text */
  --color-text:         #0d1117;
  --color-text-soft:    #4a5568;
  --color-text-muted:   #8a96a8;

  /* Surfaces */
  --color-bg:           #ffffff;
  --color-bg-alt:       #f6f8fc;
  --color-bg-dark:      #0a1235;
  --color-border:       #dde3f0;
  --color-border-soft:  #eaeff9;

  /* Status */
  --color-success:      #166534;
  --color-success-bg:   #dcfce7;
  --color-danger:       #991b1b;
  --color-danger-bg:    #fee2e2;

  /* Shadows */
  --shadow-sm:  0 2px 12px rgba(15,31,92,.07);
  --shadow-md:  0 8px 32px rgba(15,31,92,.13);
  --shadow-lg:  0 20px 60px rgba(15,31,92,.18);
  --shadow-xl:  0 32px 80px rgba(15,31,92,.22);

  /* Shape */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;

  /* Layout */
  --container: 1180px;

  /* Transitions */
  --transition:      .25s cubic-bezier(.4,0,.2,1);
  --transition-slow: .5s  cubic-bezier(.4,0,.2,1);

  /* Typography */
  --font-sans: 'Plus Jakarta Sans', system-ui, sans-serif;
}