/* KantineTV design tokens, copied from design/tokens (light theme only). Shared by admin, operator, login and the landing page. */
:root {
  /* ---- Brand: deep pitch green ---------------------------------------- */
  --kt-green-50:  #eef7f1;
  --kt-green-100: #d6ebdf;
  --kt-green-200: #aed7c0;
  --kt-green-300: #7cbc9b;
  --kt-green-400: #479b73;
  --kt-green-500: #1f8253;
  --kt-green-600: #0e6e3e;
  --kt-green-700: #0b5a33;
  --kt-green-800: #094627;
  --kt-green-900: #07321c;

  /* ---- Accent: floodlight amber (sparingly: labels, highlights) ------- */
  --kt-amber-50:  #fff8e6;
  --kt-amber-100: #ffefc2;
  --kt-amber-200: #ffe08a;
  --kt-amber-300: #ffcd4d;
  --kt-amber-400: #f5b93a;
  --kt-amber-500: #d99916;
  --kt-amber-700: #8a5c06;

  /* ---- Neutrals: warm grey (clubhouse, not datacentre) ---------------- */
  --kt-neutral-0:   #ffffff;
  --kt-neutral-25:  #fafaf8;
  --kt-neutral-50:  #f5f5f1;
  --kt-neutral-100: #ebeae5;
  --kt-neutral-200: #dcdad3;
  --kt-neutral-300: #c2bfb6;
  --kt-neutral-400: #9c9890;
  --kt-neutral-500: #78746c;
  --kt-neutral-600: #5a5751;
  --kt-neutral-700: #423f3b;
  --kt-neutral-800: #2b2926;
  --kt-neutral-900: #1a1917;
  --kt-neutral-950: #0f0e0d;

  /* ---- Status -------------------------------------------------------- */
  --kt-success-50:  #eaf6ee;
  --kt-success-500: #1f8253;
  --kt-success-700: #0b5a33;
  --kt-warning-50:  #fdf3e3;
  --kt-warning-500: #b8700c;
  --kt-warning-700: #7d4b06;
  --kt-danger-50:   #fceceb;
  --kt-danger-500:  #c0362c;
  --kt-danger-700:  #8e241c;
  --kt-info-50:     #eaf2f9;
  --kt-info-500:    #1f6fa8;
  --kt-info-700:    #154d75;

  /* ---- Semantic aliases (use these in components) -------------------- */
  --kt-color-primary:        var(--kt-green-600);
  --kt-color-primary-hover:  var(--kt-green-700);
  --kt-color-primary-active: var(--kt-green-800);
  --kt-color-primary-soft:   var(--kt-green-50);
  --kt-color-on-primary:     #ffffff;
  --kt-color-accent:         var(--kt-amber-400);
  --kt-color-on-accent:      var(--kt-neutral-900);

  --kt-surface-page:     var(--kt-neutral-50);
  --kt-surface-card:     var(--kt-neutral-0);
  --kt-surface-sunken:   var(--kt-neutral-100);
  --kt-surface-inverse:  var(--kt-neutral-900);
  --kt-surface-hover:    var(--kt-neutral-50);
  --kt-surface-selected: var(--kt-green-50);

  --kt-text-strong:   var(--kt-neutral-900);
  --kt-text-body:     var(--kt-neutral-800);
  --kt-text-muted:    var(--kt-neutral-500);
  --kt-text-inverse:  var(--kt-neutral-0);
  --kt-text-on-soft:  var(--kt-green-800);
  --kt-text-link:     var(--kt-green-700);

  --kt-border-subtle: var(--kt-neutral-200);
  --kt-border-strong: var(--kt-neutral-300);
  --kt-border-focus:  var(--kt-green-500);

  --kt-focus-ring: 0 0 0 3px rgba(31, 130, 83, 0.35);
}
:root {
  --kt-font-display: "Poppins", "Trebuchet MS", sans-serif;
  --kt-font-ui:      "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --kt-font-mono:    ui-monospace, "SFMono-Regular", "Consolas", monospace;

  --kt-weight-regular:  400;
  --kt-weight-medium:   500;
  --kt-weight-semibold: 600;
  --kt-weight-bold:     700;

  /* Admin / web scale */
  --kt-text-xs:   0.75rem;   /* 12px  — meta, table captions only */
  --kt-text-sm:   0.875rem;  /* 14px  — secondary UI text */
  --kt-text-md:   1rem;      /* 16px  — body default */
  --kt-text-lg:   1.125rem;  /* 18px */
  --kt-text-xl:   1.375rem;  /* 22px  — card titles */
  --kt-text-2xl:  1.75rem;   /* 28px  — page titles */
  --kt-text-3xl:  2.25rem;   /* 36px */
  --kt-text-4xl:  3rem;      /* 48px  — marketing section heads */
  --kt-text-5xl:  4rem;      /* 64px  — marketing hero */

  --kt-leading-tight:   1.1;
  --kt-leading-snug:    1.25;
  --kt-leading-normal:  1.5;
  --kt-leading-relaxed: 1.65;

  --kt-tracking-tight: -0.02em;
  --kt-tracking-flat:  0;
  --kt-tracking-wide:  0.04em;
  --kt-tracking-caps:  0.08em;
}
:root {
  --kt-space-0:  0;
  --kt-space-1:  0.25rem;  /* 4  */
  --kt-space-2:  0.5rem;   /* 8  */
  --kt-space-3:  0.75rem;  /* 12 */
  --kt-space-4:  1rem;     /* 16 */
  --kt-space-5:  1.25rem;  /* 20 */
  --kt-space-6:  1.5rem;   /* 24 */
  --kt-space-8:  2rem;     /* 32 */
  --kt-space-10: 2.5rem;   /* 40 */
  --kt-space-12: 3rem;     /* 48 */
  --kt-space-16: 4rem;     /* 64 */
  --kt-space-20: 5rem;     /* 80 */
  --kt-space-24: 6rem;     /* 96 */

  --kt-control-height-sm: 36px;
  --kt-control-height-md: 44px;  /* default: meets the 44px target rule */
  --kt-control-height-lg: 52px;

  --kt-sidebar-width:  260px;
  --kt-content-max:    1180px;
  --kt-page-gutter:    var(--kt-space-8);
}
:root {
  --kt-radius-xs:   4px;
  --kt-radius-sm:   6px;
  --kt-radius-md:   10px;  /* default: inputs, buttons, small cards */
  --kt-radius-lg:   14px;  /* cards, panels */
  --kt-radius-xl:   20px;  /* modals, hero media */
  --kt-radius-2xl:  28px;  /* marketing blocks, TV tiles */
  --kt-radius-pill: 999px;
}
:root {
  /* Warm-tinted shadows — neutral grey shadows look cold against the palette. */
  --kt-shadow-xs: 0 1px 2px rgba(26, 25, 23, 0.06);
  --kt-shadow-sm: 0 1px 3px rgba(26, 25, 23, 0.08), 0 1px 2px rgba(26, 25, 23, 0.04);
  --kt-shadow-md: 0 4px 12px rgba(26, 25, 23, 0.08), 0 1px 3px rgba(26, 25, 23, 0.05);
  --kt-shadow-lg: 0 12px 28px rgba(26, 25, 23, 0.12), 0 2px 6px rgba(26, 25, 23, 0.06);
  --kt-shadow-xl: 0 24px 56px rgba(26, 25, 23, 0.16), 0 4px 10px rgba(26, 25, 23, 0.06);
  --kt-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.6);
  --kt-shadow-primary: 0 6px 16px rgba(14, 110, 62, 0.22);
}
:root {
  --kt-ease-standard: cubic-bezier(0.2, 0, 0.2, 1);
  --kt-ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --kt-ease-in-out:   cubic-bezier(0.6, 0, 0.4, 1);

  --kt-duration-instant: 90ms;
  --kt-duration-fast:    160ms;
  --kt-duration-normal:  240ms;
  --kt-duration-slow:    420ms;

  /* TV: slower and calmer than UI — nothing in a bar should twitch. */
  --kt-tv-transition:      700ms;
  --kt-tv-slide-duration:  12s;
}
:root {
  /* Subtle sport-surface patterns. Always behind content, never over text. */
  --kt-motif-pitch-lines:
    repeating-linear-gradient(90deg,
      rgba(255, 255, 255, 0.05) 0 2px,
      transparent 2px 96px);
  --kt-motif-net-mesh:
    repeating-linear-gradient(45deg,
      rgba(255, 255, 255, 0.06) 0 1px, transparent 1px 14px),
    repeating-linear-gradient(-45deg,
      rgba(255, 255, 255, 0.06) 0 1px, transparent 1px 14px);
  --kt-motif-court-stripe:
    repeating-linear-gradient(180deg,
      rgba(14, 110, 62, 0.05) 0 1px,
      transparent 1px 22px);

  /* Readability overlays for club background photos */
  --kt-overlay-darken:  linear-gradient(180deg, rgba(15, 14, 13, 0.72), rgba(15, 14, 13, 0.86));
  --kt-overlay-lighten: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.92));
  --kt-overlay-scrim:   linear-gradient(180deg, rgba(15, 14, 13, 0) 0%, rgba(15, 14, 13, 0.8) 65%);
}