@font-face {
  font-family: "Dana";
  src: url("../fonts/Dana-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Dana";
  src: url("../fonts/Dana-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Dana";
  src: url("../fonts/Dana-DemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Dana";
  src: url("../fonts/Dana-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Dana";
  src: url("../fonts/Dana-ExtraBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Dana";
  src: url("../fonts/Dana-Black.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

:root {
  color-scheme: light;
  --purple-950: #170a24;
  --purple-900: #2a0b40;
  --purple-800: #42105f;
  --purple-700: #5e1a84;
  --purple-600: #72249b;
  --purple-500: #8b35b7;
  --purple-100: #f0e3fb;
  --purple-50: #faf6ff;
  --accent-text: #5e1a84;
  --yellow-500: #ffc400;
  --yellow-400: #ffd33d;
  --yellow-100: #fff4bf;
  --ink-950: #20172a;
  --ink-700: #554b60;
  --ink-500: #746a7d;
  --ink-300: #7d7286;
  --line: #e8e2ee;
  --line-strong: #d8cfe0;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --canvas: #f7f5fa;
  --success: #14a673;
  --success-soft: #def7ec;
  --danger: #ef476f;
  --danger-soft: #ffe3ea;
  --warning: #ee9b00;
  --blue: #0785d1;
  --blue-soft: #e1f4ff;
  --rating: #765600;
  --radius-xs: 0.625rem;
  --radius-sm: 0.875rem;
  --radius-md: 1.125rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;
  --shadow-sm: 0 4px 16px rgba(41, 17, 55, 0.07);
  --shadow-md: 0 12px 36px rgba(41, 17, 55, 0.13);
  --shadow-lg: 0 24px 64px rgba(41, 17, 55, 0.16);
  --shadow-purple: 0 12px 28px rgba(94, 26, 132, 0.25);
  --focus-ring: 0 0 0 3px rgba(255, 196, 0, 0.52), 0 0 0 6px rgba(94, 26, 132, 0.2);
  --content-max: 74rem;
  --phone-max: 27rem;
  --sidebar-width: 17rem;
  --ease: 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-spring: 280ms cubic-bezier(0.2, 0.9, 0.25, 1.15);
  --font-fa: "Dana", Tahoma, Arial, sans-serif;
}

[data-theme="dark"] {
  color-scheme: dark;
  --ink-950: #faf5ed;
  --ink-700: #e7d8f5;
  --ink-500: #b8a8c8;
  --ink-300: #c8afde;
  --line: #3e2b5b;
  --line-strong: #3e2b5b;
  --surface: #17112a;
  --surface-raised: #241a3d;
  --canvas: #0f0b1a;
  --purple-50: #241a3d;
  --purple-100: #2e2545;
  --accent-text: #b79df5;
  --yolda-dark-content: #0d0a15;
  --yolda-dark-chrome: #17112a;
  --yolda-dark-control: #241a3d;
  --yolda-dark-border: #3e2b5b;
  --yolda-dark-separator: rgba(46, 37, 69, 0.5);
  --yolda-dark-text: #faf5ed;
  --yolda-dark-service-text: #e7d8f5;
  --yolda-dark-banner-text: #d8c7e8;
  --yolda-dark-muted: #b8a8c8;
  --yolda-dark-nav: #c8afde;
  --yolda-dark-icon: #b79df5;
  --yolda-brand-yellow: #ffc400;
  --yolda-brand-yellow-ink: #210042;
  --success: #55d6a7;
  --success-soft: #123b30;
  --danger: #ff7393;
  --danger-soft: #4a1c2a;
  --warning: #ffc34a;
  --blue: #62c3ff;
  --blue-soft: #15354a;
  --rating: #ffd66b;
  --shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.24);
  --shadow-md: 0 12px 36px rgba(0, 0, 0, 0.32);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.42);
  --focus-ring: 0 0 0 3px rgba(255, 196, 0, 0.62), 0 0 0 6px rgba(208, 151, 238, 0.22);
}