/* assets/css/variables.css — Granil PolyTrade Design Tokens */
:root {
  --color-primary:       #0f9073;
  --color-primary-dark:  #0a7260;
  --color-primary-light: #e3f6f1;
  --color-bg:            #f3f7f9;
  --color-bg-dark:       #061622;
  --color-surface:       #ffffff;
  --color-surface-dark:  #0b2538;
  --color-text:          #09151f;
  --color-text-light:    #f4f8fa;

  /* Spacing scale */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;

  /* Typography */
  --font-family-base:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-family-display: 'Syne', sans-serif;
  --font-size-base:      1rem;
  --line-height-base:    1.65;
}