/**
 * CSS Variables
 */

:root {
  /* Colors */
  --swd-primary-bg: #ffffff;
  --swd-primary-text: #000000;
  --swd-secondary-text: #666666;
  --swd-accent-color: #0066cc;
  --swd-border-color: #e0e0e0;

  /* Typography */
  --swd-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Oxygen, Ubuntu, Cantarell, sans-serif;
  --swd-heading-font: Georgia, 'Times New Roman', serif;
  --swd-code-font: 'Courier New', Courier, monospace;
  --swd-font-size: 18px;
  --swd-line-height: 1.6;

  /* Spacing */
  --swd-spacing-xs: 0.5rem;
  --swd-spacing-sm: 1rem;
  --swd-spacing-md: 2rem;
  --swd-spacing-lg: 3rem;
  --swd-spacing-xl: 4rem;

  /* Transitions */
  --swd-transition-speed: 0.3s;
  --swd-transition-fast: 0.15s;
  --swd-transition-slow: 0.6s;

  /* Layout */
  --swd-aspect-ratio-16-9: 56.25%;
  --swd-aspect-ratio-4-3: 75%;
  --swd-aspect-ratio-16-10: 62.5%;

  /* Z-index */
  --swd-z-background: 0;
  --swd-z-content: 1;
  --swd-z-controls: 10;
  --swd-z-overlay: 100;
}