:root {
  /* Brand */
  --color-brand-primary: ;
  --color-brand-secondary: ;
  --color-brand-accent: ;

  /* Surface */
  --color-surface-primary: ;
  --color-surface-secondary: ;
  --color-surface-tertiary: ;

  /* Text */
  --color-text-primary: ;
  --color-text-secondary: ;
  --color-text-inverse: ;

  /* Border */
  --color-border-default: ;
  --color-border-subtle: ;

  /* Status */
  --color-status-success: ;
  --color-status-warning: ;
  --color-status-error: ;

  /* Typography */
  --font-family-heading: ;
  --font-family-body: ;
  --font-family-mono: ;

  --font-size-xs:   ;
  --font-size-sm:   ;
  --font-size-base: ;
  --font-size-lg:   ;
  --font-size-xl:   ;
  --font-size-2xl:  ;
  --font-size-3xl:  ;
  --font-size-4xl:  ;

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold:   700;

  --line-height-tight:  1.2;
  --line-height-normal: 1.6;
  --line-height-loose:  1.8;

  /* Spacing scale */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;

  /* Layout */
  --max-width-content: ;
  --max-width-narrow:  ;
  --grid-columns: 12;
  --grid-gutter:  ;

  /* Radii */
  --radius-sm: ;
  --radius-md: ;
  --radius-lg: ;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: ;
  --shadow-md: ;
  --shadow-lg: ;

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow:   400ms ease;
}