/* OlaMat Design Tokens
   Single source of truth for all visual properties.
   No selectors — only custom property definitions. */

:root {
  /* Brand */
  --color-primary:       #3A5534;
  --color-primary-dark:  #2a3f26;
  --color-primary-light: #4a6744;
  --color-primary-bg:    #E8F5E9;

  /* Neutral */
  --color-text:          #333;
  --color-text-light:    #666;
  --color-border:        #e0e0e0;
  --color-bg:            #f5f5f5;
  --color-surface:       #fff;
  --color-muted:         #9ca3af;

  /* Status */
  --color-success:       #16a34a;
  --color-success-bg:    #dcfce7;
  --color-warning:       #d97706;
  --color-warning-bg:    #fef3c7;
  --color-danger:        #dc3545;
  --color-danger-bg:     #fee2e2;
  --color-info:          #2563eb;
  --color-info-bg:       #dbeafe;

  /* Accent */
  --color-accent:        #ff9800;

  /* Space (4px base) */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Shadow */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.10);
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12);

  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'Monaco', 'Courier New', monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  2rem;
  --text-4xl:  2.5rem;

  /* Transition */
  --ease:     cubic-bezier(0.4, 0, 0.2, 1);
  --duration: 200ms;
}