/* Tokenat e markës SuperShpejt — të njëjtat vlera si faqja kryesore
   (terrakota + sipërfaqe të ngrohta «suva gëlqereje»). Vetëm temë e çelët.
   I ngarkojnë si public.css ashtu edhe admin.css (para tyre). */

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/static/fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/static/fonts/plus-jakarta-sans-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: light;

  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, 'Cascadia Mono', 'SFMono-Regular', Menlo, Consolas, monospace;

  /* Terrakota — ngjyra e markës */
  --brand-50: oklch(0.972 0.013 66);
  --brand-100: oklch(0.944 0.028 62);
  --brand-200: oklch(0.893 0.055 55);
  --brand-300: oklch(0.818 0.093 48);
  --brand-400: oklch(0.722 0.135 43);
  --brand-500: oklch(0.634 0.163 37);
  --brand-600: oklch(0.536 0.168 34); /* mbushje + lidhje + tekst */
  --brand-700: oklch(0.478 0.145 33); /* hover */
  --brand-800: oklch(0.412 0.12 31);
  --brand-900: oklch(0.352 0.098 29);
  --brand-950: oklch(0.246 0.066 28);

  /* Det — aksent i ftohtë */
  --accent-300: oklch(0.892 0.062 195);
  --accent-500: oklch(0.782 0.104 197);
  --accent-600: oklch(0.487 0.082 219);
  --accent-700: oklch(0.408 0.07 222);

  --gold-400: oklch(0.855 0.135 84);
  --gold-600: oklch(0.522 0.118 64);
  --gold-700: oklch(0.442 0.1 62);

  /* Semantike (të verifikuara si tekst mbi --surface-sunken) */
  --success: oklch(0.505 0.105 142);
  --success-bg: oklch(0.955 0.04 142);
  --warning: oklch(0.522 0.115 62);
  --warning-bg: oklch(0.962 0.045 84);
  --danger: oklch(0.512 0.192 16);
  --danger-bg: oklch(0.958 0.03 16);
  --info: var(--accent-700);
  --info-bg: oklch(0.958 0.025 210);

  /* Sipërfaqe */
  --bg: oklch(0.977 0.008 78);
  --surface: oklch(0.994 0.004 84);
  --surface-muted: oklch(0.957 0.012 76);
  --surface-sunken: oklch(0.934 0.015 74);

  --border: oklch(0.893 0.017 70);
  --border-strong: oklch(0.824 0.025 66);
  --border-field: oklch(0.612 0.032 62); /* kontrollet e formave, ≥ 3:1 */

  --fg: oklch(0.246 0.027 46);
  --fg-muted: oklch(0.462 0.029 48);
  --fg-subtle: oklch(0.512 0.027 52);
  --on-brand: oklch(0.994 0.004 84);

  --ring: var(--brand-600);
  --shadow-sm: 0 1px 2px hsl(24 45% 18% / 0.06), 0 1px 1px hsl(24 45% 18% / 0.04);
  --shadow-md: 0 4px 12px hsl(24 45% 18% / 0.08), 0 2px 4px hsl(24 45% 18% / 0.05);
  --shadow-lg: 0 12px 32px hsl(24 45% 18% / 0.12), 0 4px 8px hsl(24 45% 18% / 0.06);

  --radius-sm: 0.5rem;
  --radius: 0.75rem;
  --radius-card: 1.125rem;
  --radius-pill: 9999px;
}

/* Fushat nën 16px e zmadhojnë faqen në iOS — kurrë më pak se 16px te prekja. */
@media (pointer: coarse) {
  input,
  select,
  textarea {
    font-size: max(16px, 1em);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}