:root {
  /* Brand */
  --color-accent-primary: #0B5A7F;
  --color-accent-primary-dark: #02364E;
  --color-accent-primary-hover: var(--color-accent-primary-dark);
  --color-accent-secondary: #8D86BB;
  --color-accent-tertiary: #7B2371;
  --color-accent-reserve: var(--color-accent-tertiary);
  --brand-gradient: linear-gradient(
    90deg,
    #02364E 0%,
    #0B5A7F 33%,
    #8D86BB 66%,
    #7B2371 100%
  );

  /* Surfaces */
  --color-background: #F1F1F1;
  --color-surface: #FFFFFF;

  /* Text */
  --color-text-primary: #000000;
  --color-text-secondary: #9D9D9D;

  /* Borders */
  --color-border: #D9D9D9;
  --color-border-strong: #9D9D9D;

  /* States */
  --color-disabled-bg: #F1F1F1;
  --color-disabled-text: #9D9D9D;
  --color-error: #D64545;

  /* Typography */
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --font-size-display: 40px;
  --font-size-heading: 28px;
  --font-size-subheading: 20px;
  --font-size-body: 16px;
  --font-size-caption: 12px;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  /* Radius */
  --radius-none: 0;
  --radius-small: 4px;
  --radius-medium: 8px;
  --radius-large: 16px;

  /* Shadows */
  --shadow-none: none;
  --shadow-subtle: 0 1px 3px rgb(0 0 0 / 0.12);
  --shadow-raised: 0 4px 12px rgb(0 0 0 / 0.16);

  /* Common control dimensions */
  --control-height-compact: 32px;
  --control-height-default: 40px;
  --table-row-height: 40px;
}