/**
 * Venus Infra - Design Tokens
 * Conforming strictly to DESIGN.md and design-system-brick-bolt
 */

:root {
  /* Typography Tokens */
  --font-family-primary: 'Google Sans Flex', 'GSF Fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-family-stack: 'Google Sans Flex', 'GSF Fallback', sans-serif;
  
  --font-size-base: 16px;
  --font-weight-base: 400;
  --font-lineheight-base: 18.4px;

  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 15px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --font-size-2xl: 22px;
  --font-size-3xl: 24px;
  --font-size-4xl: 36px;

  /* Color Palette Tokens */
  --color-text-primary: #ffffff;
  --color-text-secondary: #171717;
  --color-text-tertiary: #fafafa;
  --color-text-inverse: #F15A2A; /* Brand Accent */

  --color-surface-base: #000000;
  --color-surface-raised: #fdf9f4; /* Warm Light Surface */

  /* Supporting System Semantic Tokens */
  --color-surface-card-dark: #121212;
  --color-surface-card-muted: #1c1c1c;
  --color-surface-white: #ffffff;
  --color-border-subtle: rgba(23, 23, 23, 0.12);
  --color-border-light: rgba(255, 255, 255, 0.14);
  --color-border-accent: #F15A2A;

  /* Functional State Colors */
  --color-state-focus: #F15A2A;
  --color-state-error: #d93025;
  --color-state-error-bg: #fce8e6;
  --color-state-success: #1e8e3e;
  --color-state-success-bg: #e6f4ea;
  --color-state-disabled: #8a8a8a;
  --color-state-disabled-bg: #e0e0e0;

  /* Spacing Scale Tokens */
  --space-1: 7.25px;
  --space-2: 10px;
  --space-3: 11px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 20px;
  --space-7: 24px;
  --space-8: 36px;

  /* Radius Tokens */
  --radius-xs: 8px;
  --radius-sm: 24px;
  --radius-md: 50px;
  --radius-lg: 80px;

  /* Elevation & Shadow Tokens */
  --shadow-1: rgba(0, 0, 0, 0.15) 0px 4px 12px 0px;
  --shadow-2: rgba(0, 0, 0, 0.22) 0px 10px 30px 0px;
  --shadow-focus: 0 0 0 3px rgba(240, 90, 41, 0.45);

  /* Motion Tokens */
  --motion-duration-instant: 200ms;
  --motion-duration-fast: 300ms;
  --motion-timing-standard: cubic-bezier(0.2, 0, 0, 1);
}