/*
 * SUTI Festival theme — shared tokens and fonts (sutifestival.com, suti-site/src/index.css).
 * Loaded before suti.css (shop) and suti-control.css (admin).
 */

/* ---------- Fonts ---------- */
@font-face { font-family: "Berimbau"; src: url("fonts/BerimbauBoldBASIC.74a69ff0f022.woff2") format("woff2"), url("fonts/BerimbauBoldBASIC.05cdb1921f62.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/Inter-Regular.3875f8357497.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/Inter-Italic.4cb9ee96ba4d.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/Inter-Medium.7b7f3cfa2944.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/Inter-SemiBold.b72fa2728a8e.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/Inter-Bold.66894432e7ff.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/Inter-BoldItalic.8b4dd6acc4bb.woff2") format("woff2"); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/Inter-Black.6f582b3956b8.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }

/* ---------- Tokens (same values as the site) ---------- */
:root {
  --suti-bg: hsl(25, 15%, 8%);
  --suti-bg-light: hsl(25, 12%, 12%);
  --suti-bg-lighter: hsl(25, 10%, 18%);
  --suti-glass: hsla(25, 15%, 12%, 0.72);
  --suti-glass-strong: hsla(25, 15%, 10%, 0.86);
  --suti-glass-soft: hsla(35, 30%, 60%, 0.06);
  --suti-glass-hover: hsla(35, 30%, 60%, 0.1);
  --suti-border: hsla(35, 40%, 60%, 0.15);
  --suti-border-strong: hsla(35, 40%, 60%, 0.3);

  --suti-text: hsl(35, 20%, 96%);
  --suti-text-muted: hsl(35, 15%, 72%);
  --suti-text-dim: hsl(35, 10%, 56%);

  --suti-copper: #a36e39;
  --suti-copper-light: #c48b55;
  --suti-copper-dark: #825428;
  --suti-highlight: #ffb675;
  --suti-lime: #d4e157;
  --suti-rust: hsl(15, 70%, 50%);
  --suti-terracotta: hsl(20, 65%, 55%);
  --suti-cyan: hsl(180, 70%, 50%);

  --suti-success: hsl(140, 50%, 58%);
  --suti-success-bg: hsla(140, 50%, 45%, 0.14);
  --suti-danger: hsl(8, 80%, 66%);
  --suti-danger-bg: hsla(8, 70%, 50%, 0.16);
  --suti-warning: hsl(35, 85%, 62%);
  --suti-warning-bg: hsla(35, 80%, 55%, 0.14);
  --suti-info: hsl(185, 55%, 62%);
  --suti-info-bg: hsla(180, 60%, 50%, 0.12);

  --suti-radius-sm: 0.375rem;
  --suti-radius-md: 0.5rem;
  --suti-radius-lg: 0.75rem;
  --suti-radius-xl: 1rem;
  --suti-radius-2xl: 1.5rem;
  --suti-radius-full: 9999px;

  --suti-font: "Inter", system-ui, -apple-system, sans-serif;
  /* Berimbau is ALWAYS set uppercase (brand rule) — pair every use with text-transform: uppercase */
  --suti-font-heading: "Berimbau", "Inter", sans-serif;
  --suti-glow: 0 0 25px rgba(163, 110, 57, 0.4), 0 0 15px rgba(196, 139, 85, 0.3);

  /* pretix's own variables (theme.css), so its derived rules pick up the palette */
  --pretix-font-family-sans-serif: var(--suti-font);
  --pretix-brand-primary: var(--suti-copper);
  --pretix-brand-success: var(--suti-success);
  --pretix-brand-info: var(--suti-info);
  --pretix-brand-warning: var(--suti-warning);
  --pretix-brand-danger: var(--suti-danger);
  --pretix-link-contrast-color: var(--suti-copper-light);
  --pretix-link-hover-contrast-color: var(--suti-highlight);
  --pretix-body-bg: var(--suti-bg);
  --pretix-border-radius-base: var(--suti-radius-md);
  --pretix-border-radius-large: var(--suti-radius-lg);
  --pretix-border-radius-small: var(--suti-radius-sm);
  /* pretix derives light-theme shades from each brand colour (tint = pale background,
     shade/darken-17+ = dark text on it). Flip them for the dark theme. */
  --pretix-brand-success-tint-85: hsla(140, 50%, 45%, 0.16); --pretix-brand-success-tint-90: hsla(140, 50%, 45%, 0.16); --pretix-brand-success-lighten-20: hsla(140, 50%, 45%, 0.16); --pretix-brand-success-lighten-23: hsla(140, 50%, 45%, 0.16); --pretix-brand-success-lighten-25: hsla(140, 50%, 45%, 0.16); --pretix-brand-success-lighten-30: hsla(140, 50%, 45%, 0.16); --pretix-brand-success-lighten-31: hsla(140, 50%, 45%, 0.16); --pretix-brand-success-lighten-33: hsla(140, 50%, 45%, 0.16); --pretix-brand-success-lighten-35: hsla(140, 50%, 45%, 0.16); --pretix-brand-success-lighten-38: hsla(140, 50%, 45%, 0.16); --pretix-brand-success-lighten-40: hsla(140, 50%, 45%, 0.16); --pretix-brand-success-lighten-41: hsla(140, 50%, 45%, 0.16); --pretix-brand-success-lighten-43: hsla(140, 50%, 45%, 0.16); --pretix-brand-success-lighten-48: hsla(140, 50%, 45%, 0.16);
  --pretix-brand-success-tint-50: hsla(140, 50%, 58%, 0.45);
  --pretix-brand-success-shade-25: hsl(140, 55%, 74%); --pretix-brand-success-shade-42: hsl(140, 55%, 74%); --pretix-brand-success-darken-17: hsl(140, 55%, 74%); --pretix-brand-success-darken-20: hsl(140, 55%, 74%); --pretix-brand-success-darken-25: hsl(140, 55%, 74%); --pretix-brand-success-darken-30: hsl(140, 55%, 74%); --pretix-brand-success-darken-35: hsl(140, 55%, 74%);
  --pretix-brand-success-darken-5: hsl(140, 45%, 50%); --pretix-brand-success-darken-10: hsl(140, 45%, 50%); --pretix-brand-success-darken-15: hsl(140, 45%, 50%); --pretix-brand-success-lighten-5: hsl(140, 55%, 74%); --pretix-brand-success-lighten-10: hsl(140, 55%, 74%);
  --pretix-brand-info-tint-85: hsla(180, 60%, 50%, 0.14); --pretix-brand-info-tint-90: hsla(180, 60%, 50%, 0.14); --pretix-brand-info-lighten-20: hsla(180, 60%, 50%, 0.14); --pretix-brand-info-lighten-23: hsla(180, 60%, 50%, 0.14); --pretix-brand-info-lighten-25: hsla(180, 60%, 50%, 0.14); --pretix-brand-info-lighten-30: hsla(180, 60%, 50%, 0.14); --pretix-brand-info-lighten-31: hsla(180, 60%, 50%, 0.14); --pretix-brand-info-lighten-33: hsla(180, 60%, 50%, 0.14); --pretix-brand-info-lighten-35: hsla(180, 60%, 50%, 0.14); --pretix-brand-info-lighten-38: hsla(180, 60%, 50%, 0.14); --pretix-brand-info-lighten-40: hsla(180, 60%, 50%, 0.14); --pretix-brand-info-lighten-41: hsla(180, 60%, 50%, 0.14); --pretix-brand-info-lighten-43: hsla(180, 60%, 50%, 0.14); --pretix-brand-info-lighten-48: hsla(180, 60%, 50%, 0.14);
  --pretix-brand-info-tint-50: hsla(185, 55%, 62%, 0.45);
  --pretix-brand-info-shade-25: hsl(185, 60%, 76%); --pretix-brand-info-shade-42: hsl(185, 60%, 76%); --pretix-brand-info-darken-17: hsl(185, 60%, 76%); --pretix-brand-info-darken-20: hsl(185, 60%, 76%); --pretix-brand-info-darken-25: hsl(185, 60%, 76%); --pretix-brand-info-darken-30: hsl(185, 60%, 76%); --pretix-brand-info-darken-35: hsl(185, 60%, 76%);
  --pretix-brand-info-darken-5: hsl(185, 45%, 52%); --pretix-brand-info-darken-10: hsl(185, 45%, 52%); --pretix-brand-info-darken-15: hsl(185, 45%, 52%); --pretix-brand-info-lighten-5: hsl(185, 60%, 76%); --pretix-brand-info-lighten-10: hsl(185, 60%, 76%);
  --pretix-brand-warning-tint-85: hsla(35, 80%, 55%, 0.16); --pretix-brand-warning-tint-90: hsla(35, 80%, 55%, 0.16); --pretix-brand-warning-lighten-20: hsla(35, 80%, 55%, 0.16); --pretix-brand-warning-lighten-23: hsla(35, 80%, 55%, 0.16); --pretix-brand-warning-lighten-25: hsla(35, 80%, 55%, 0.16); --pretix-brand-warning-lighten-30: hsla(35, 80%, 55%, 0.16); --pretix-brand-warning-lighten-31: hsla(35, 80%, 55%, 0.16); --pretix-brand-warning-lighten-33: hsla(35, 80%, 55%, 0.16); --pretix-brand-warning-lighten-35: hsla(35, 80%, 55%, 0.16); --pretix-brand-warning-lighten-38: hsla(35, 80%, 55%, 0.16); --pretix-brand-warning-lighten-40: hsla(35, 80%, 55%, 0.16); --pretix-brand-warning-lighten-41: hsla(35, 80%, 55%, 0.16); --pretix-brand-warning-lighten-43: hsla(35, 80%, 55%, 0.16); --pretix-brand-warning-lighten-48: hsla(35, 80%, 55%, 0.16);
  --pretix-brand-warning-tint-50: hsla(35, 85%, 62%, 0.45);
  --pretix-brand-warning-shade-25: hsl(35, 90%, 75%); --pretix-brand-warning-shade-42: hsl(35, 90%, 75%); --pretix-brand-warning-darken-17: hsl(35, 90%, 75%); --pretix-brand-warning-darken-20: hsl(35, 90%, 75%); --pretix-brand-warning-darken-25: hsl(35, 90%, 75%); --pretix-brand-warning-darken-30: hsl(35, 90%, 75%); --pretix-brand-warning-darken-35: hsl(35, 90%, 75%);
  --pretix-brand-warning-darken-5: hsl(35, 75%, 52%); --pretix-brand-warning-darken-10: hsl(35, 75%, 52%); --pretix-brand-warning-darken-15: hsl(35, 75%, 52%); --pretix-brand-warning-lighten-5: hsl(35, 90%, 75%); --pretix-brand-warning-lighten-10: hsl(35, 90%, 75%);
  --pretix-brand-danger-tint-85: hsla(8, 70%, 50%, 0.18); --pretix-brand-danger-tint-90: hsla(8, 70%, 50%, 0.18); --pretix-brand-danger-lighten-20: hsla(8, 70%, 50%, 0.18); --pretix-brand-danger-lighten-23: hsla(8, 70%, 50%, 0.18); --pretix-brand-danger-lighten-25: hsla(8, 70%, 50%, 0.18); --pretix-brand-danger-lighten-30: hsla(8, 70%, 50%, 0.18); --pretix-brand-danger-lighten-31: hsla(8, 70%, 50%, 0.18); --pretix-brand-danger-lighten-33: hsla(8, 70%, 50%, 0.18); --pretix-brand-danger-lighten-35: hsla(8, 70%, 50%, 0.18); --pretix-brand-danger-lighten-38: hsla(8, 70%, 50%, 0.18); --pretix-brand-danger-lighten-40: hsla(8, 70%, 50%, 0.18); --pretix-brand-danger-lighten-41: hsla(8, 70%, 50%, 0.18); --pretix-brand-danger-lighten-43: hsla(8, 70%, 50%, 0.18); --pretix-brand-danger-lighten-48: hsla(8, 70%, 50%, 0.18);
  --pretix-brand-danger-tint-50: hsla(8, 80%, 66%, 0.45);
  --pretix-brand-danger-shade-25: hsl(8, 85%, 79%); --pretix-brand-danger-shade-42: hsl(8, 85%, 79%); --pretix-brand-danger-darken-17: hsl(8, 85%, 79%); --pretix-brand-danger-darken-20: hsl(8, 85%, 79%); --pretix-brand-danger-darken-25: hsl(8, 85%, 79%); --pretix-brand-danger-darken-30: hsl(8, 85%, 79%); --pretix-brand-danger-darken-35: hsl(8, 85%, 79%);
  --pretix-brand-danger-darken-5: hsl(8, 65%, 55%); --pretix-brand-danger-darken-10: hsl(8, 65%, 55%); --pretix-brand-danger-darken-15: hsl(8, 65%, 55%); --pretix-brand-danger-lighten-5: hsl(8, 85%, 79%); --pretix-brand-danger-lighten-10: hsl(8, 85%, 79%);
  --pretix-brand-info-success-lighten-25: var(--suti-info-bg); --pretix-brand-info-success-lighten-30: var(--suti-info-bg);
  --pretix-brand-primary-lighten-5: var(--suti-copper-light); --pretix-brand-primary-lighten-20: var(--suti-copper-light);
  --pretix-brand-primary-lighten-28-saturate-20: var(--suti-copper-light); --pretix-brand-primary-lighten-23-saturate-2: var(--suti-copper);
  --pretix-brand-primary-lighten-40: rgba(163, 110, 57, 0.22); --pretix-brand-primary-tint-90: rgba(163, 110, 57, 0.16);
  --pretix-brand-primary-darken-5: var(--suti-copper-dark); --pretix-brand-primary-darken-10: var(--suti-copper-dark);
  --pretix-brand-primary-darken-15: var(--suti-highlight); --pretix-brand-primary-darken-17: var(--suti-highlight); --pretix-brand-primary-darken-20: var(--suti-highlight); --pretix-brand-primary-darken-30: var(--suti-highlight);
  --pretix-brand-primary-shade-25: var(--suti-highlight); --pretix-brand-primary-shade-42: var(--suti-highlight);
  color-scheme: dark;
}