@font-face {
  font-family: 'Uncut-Sans-Regular';
  font-style: italic;
  font-weight: bold;
  src: url('fonts/uncut/Uncut-Sans-Regular.otf');
}


@font-face {
  font-family: 'Inter';
  src: url('fonts/inter/Inter-Regular.ttf');
}

@font-face {
  font-family: 'Lora';
  src: url('fonts/lora/Lora-Regular.ttf');
}

@font-face {
  font-family: 'Lora Bold';
  src: url('fonts/lora/Lora-Bold.ttf');
}

@font-face {
  font-family: 'Space';
  src: url('fonts/SpaceGrotesk-VariableFont_wght.ttf');
}

@font-face {
  font-family: 'Suisse';
  src: url('fonts/Suisse.ttf');
}


.gradient-text {
  -webkit-text-fill-color: transparent;
}

/* ── Page background — dark default, overridden by light-mode class ──────── */
/* Ensures no white flash when scrolling past the fixed SVG gradient */
html, body {
  background-color: hsl(240, 10%, 3.9%);
}
:root.light-mode, :root.light-mode body {
  background-color: hsl(240, 9%, 97%);
}

/* ── Theme tokens ────────────────────────────────────────────────────────── */
:root {
  --bon-text-primary:    white;
  --bon-paragraph-blue:  rgba(255, 255, 255, 0.2);
  --bon-glossy-bg:       rgba(30, 30, 40, 0.85);
  --bon-glossy-border:   rgba(255, 255, 255, 0.08);
  --bon-glow-dark:       1px 1px 1px 1px rgba(255, 255, 255, 0.83);
  --bon-subtle-bg:       rgba(255, 255, 255, 0.04);
  --bon-cancel-bg:       rgba(255, 255, 255, 0.06);
  --bon-subtle-border:   rgba(255, 255, 255, 0.10);
  --bon-input-border:    rgba(255, 255, 255, 0.15);
  --bon-midway-gray1:    #8B8B8B;
  --bon-midway-gray2:    #e5e5e5;
  --bon-inner-card-bg:   rgba(255, 255, 255, 0.03);
  --bon-inner-card-border: rgba(255, 255, 255, 0.08);
  --bon-hero-bg:         rgba(17, 24, 39, 0.6);
  --bon-trigger-bg:      rgba(31, 41, 55, 0.6);
}

:root.light-mode {
  /* Apple system palette */
  --bon-text-primary:       #1C1C1E;                    /* Apple label */
  --bon-paragraph-blue:     rgba(0, 122, 255, 0.12);    /* Apple blue fill */
  --bon-glossy-bg:          rgba(255, 255, 255, 0.82);  /* Apple card on F2F2F7 */
  --bon-glossy-border:      rgba(60, 60, 67, 0.12);     /* Apple separator */
  --bon-glow-dark:          0px 2px 8px rgba(0, 0, 0, 0.08);
  --bon-subtle-bg:          rgba(60, 60, 67, 0.06);     /* Apple quaternary fill */
  --bon-cancel-bg:          rgba(60, 60, 67, 0.08);     /* Apple tertiary fill */
  --bon-subtle-border:      rgba(60, 60, 67, 0.14);     /* Apple separator */
  --bon-input-border:       rgba(60, 60, 67, 0.18);
  --bon-midway-gray1:       #8E8E93;                    /* Apple System Gray */
  --bon-midway-gray2:       #8E8E93;                    /* Apple System Gray */
  --bon-inner-card-bg:      rgba(255, 255, 255, 0.90);
  --bon-inner-card-border:  rgba(60, 60, 67, 0.10);
  --bon-hero-bg:            transparent;
  --bon-trigger-bg:         rgba(255, 255, 255, 0.82);
}