/* Generated by iona-design-system. Do not edit by hand. */

:root {
  /* atomic */
  --color-gray-50: #f8f8f8;
  --color-gray-100: #f1f2f3;
  --color-gray-200: #e3e5e7;
  --color-gray-300: #cbced2;
  --color-gray-400: #a7abb0;
  --color-gray-500: #82878c;
  --color-gray-600: #5f6469;
  --color-gray-700: #44484c;
  --color-gray-800: #303337;
  --color-gray-900: #1d2022;
  --color-gray-950: #101213;
  --color-gray-1000: #070707;
  --color-accent-50: #f3f5f8;
  --color-accent-100: #e2edf8;
  --color-accent-200: #c6e1ff;
  --color-accent-300: #9ac9fa;
  --color-accent-400: #6aaaea;
  --color-accent-500: #418ad1;
  --color-accent-600: #1f6cb0;
  --color-accent-700: #064f89;
  --color-accent-800: #033761;
  --color-accent-900: #06233d;
  --color-accent-950: #051220;
  --color-accent-1000: #03080e;
  --color-danger-50: #f8f4f3;
  --color-danger-100: #f5e8e6;
  --color-danger-200: #f5d6d2;
  --color-danger-300: #f1b2ac;
  --color-danger-400: #e8847c;
  --color-danger-500: #da534f;
  --color-danger-600: #c13234;
  --color-danger-700: #9b1e22;
  --color-danger-800: #711518;
  --color-danger-900: #4c1010;
  --color-danger-950: #2a0a09;
  --color-danger-1000: #100404;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-full: 9999px;
  --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;
  --font-sm-size: 0.875rem;
  --font-sm-leading: 1.25rem;
  --font-base-size: 1rem;
  --font-base-leading: 1.5rem;
  --font-lg-size: 1.125rem;
  --font-lg-leading: 1.75rem;
  --font-xl-size: 1.25rem;
  --font-xl-leading: 1.75rem;

  /* semantic (light) */
  --inset-sm: 0.5rem;
  --inset-md: 0.75rem;
  --inset-lg: 1rem;
  --stack-sm: 0.5rem;
  --stack-md: 1rem;
  --stack-lg: 1.5rem;
  --surface-default: #f8f8f8;
  --surface-raised: #f1f2f3;
  --text-primary: #101213;
  --text-secondary: #5f6469;
  --text-on-accent: #f8f8f8;
  --border-default: #cbced2;
  --border-subtle: #e3e5e7;
  --accent-default: #1f6cb0;
  --accent-hover: #064f89;
  --danger-default: #c13234;
  --danger-hover: #9b1e22;
}

[data-theme="dark"] {
  /* semantic (dark) — overrides only */
  --surface-default: #070707;
  --surface-raised: #1d2022;
  --text-primary: #f8f8f8;
  --text-secondary: #a7abb0;
  --border-default: #303337;
  --border-subtle: #1d2022;
  --accent-default: #418ad1;
  --accent-hover: #6aaaea;
  --danger-default: #da534f;
  --danger-hover: #e8847c;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface-default: #070707;
    --surface-raised: #1d2022;
    --text-primary: #f8f8f8;
    --text-secondary: #a7abb0;
    --border-default: #303337;
    --border-subtle: #1d2022;
    --accent-default: #418ad1;
    --accent-hover: #6aaaea;
    --danger-default: #da534f;
    --danger-hover: #e8847c;
  }
}