/* Design tokens — white surface, orange primary.
   Import this once globally (angular.json "styles" array or a global stylesheet).
   Mirrors @yourorg/design-tokens if you're using that package separately. */
:root {
  --color-white: #FFFFFF;
  --color-black: #14171C;
  --color-gray-50: #F8F9FA;
  --color-gray-100: #EEF0F3;
  --color-gray-200: #D8DCE1;
  --color-gray-300: #A6ADB6;
  --color-gray-500: #6B7280;
  --color-gray-700: #3D434B;
  --color-gray-900: #1F2328;
  --color-primary-50: #FFEDDD;
  --color-primary-100: #FFDBB8;
  --color-primary-300: #FFAD6B;
  --color-primary-500: #FF7A1A;
  --color-primary-600: #E5650A;
  --color-primary-700: #CC5800;
  --color-semantic-success: #2E7D4F;
  --color-semantic-success-bg: #E4F3EA;
  --color-semantic-warning: #B5761E;
  --color-semantic-warning-bg: #F6E9D2;
  --color-semantic-danger: #C0392B;
  --color-semantic-danger-bg: #FBE6E3;

  --font-family-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-family-body: "Inter", "Source Sans 3", system-ui, sans-serif;
  --font-family-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;
  --font-size-xs: 0.64rem;
  --font-size-sm: 0.8rem;
  --font-size-base: 1rem;
  --font-size-md: 1.25rem;
  --font-size-lg: 1.563rem;
  --font-size-xl: 1.953rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-letter-spacing-tight: -0.02em;
  --font-letter-spacing-wide: 0.06em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-full: 999px;

  --border-width-thin: 1px;

  --shadow-xs: 0 1px 2px rgba(20, 23, 28, 0.06);
  --shadow-sm: 0 2px 6px rgba(20, 23, 28, 0.08);
  --shadow-md: 0 6px 16px rgba(20, 23, 28, 0.10);
  --shadow-lg: 0 12px 32px rgba(20, 23, 28, 0.14);
  --shadow-focus: 0 0 0 3px var(--color-primary-100);

  --motion-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-duration-fast: 120ms;
  --motion-duration-base: 200ms;
}