/*
 * Semilla - Design tokens.
 *
 * @package Semilla
 * @since   0.2.0
 */

:root {
  --sem-color-primary: #1a56db;
  --sem-color-primary-hover: #1647b8;
  --sem-color-secondary: #7e3af2;
  --sem-color-accent: #f59e0b;
  --sem-color-dark: #1a1a2e;
  --sem-color-light: #f8f9fa;
  --sem-color-neutral: #64748b;
  --sem-color-white: #ffffff;
  --sem-color-black: #000000;
  --sem-color-text: #333333;
  --sem-color-body-text: #333333;
  --sem-color-heading: #1a1a2e;
  --sem-color-text-light: #666666;
  --sem-color-border: #e2e8f0;
  --sem-color-focus: #1a56db;

  --sem-font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  --sem-font-family-heading: var(--sem-font-family-base);
  --sem-font-size-base: 1rem;
  --sem-line-height-base: 1.6;
  --sem-line-height-heading: 1.3;
  --sem-font-weight-heading: 700;
  --sem-font-size-xs: 0.75rem;
  --sem-font-size-sm: 0.875rem;
  --sem-font-size-lg: 1.125rem;
  --sem-font-size-xl: 1.25rem;
  --sem-font-size-2xl: 1.5rem;
  --sem-font-size-3xl: 2rem;
  --sem-font-size-4xl: 2.5rem;
  --sem-font-size-5xl: 3rem;

  --sem-spacing-xs: 0.25rem;
  --sem-spacing-sm: 0.5rem;
  --sem-spacing-md: 1rem;
  --sem-spacing-lg: 2rem;
  --sem-spacing-xl: 3rem;
  --sem-spacing-2xl: 5rem;
  --sem-container-max: 1200px;
  --sem-container-narrow: 800px;
  --sem-container-wide: 1400px;
  --sem-layout-sidebar-width: 320px;
  --sem-radius-sm: 4px;
  --sem-radius-md: 8px;
  --sem-radius-lg: 16px;
  --sem-transition-fast: 150ms ease;
  --sem-transition-base: 200ms ease;
}