/*
 * Design tokens for the editor (plan 016). Custom properties only, on :root.
 * No selectors here: components and pages read these through var(--ti-*).
 *
 * The values are the decisions taken on the "Editor Next" design canvas,
 * 2026-09-22/23. Change a value here, not in a page.
 */
:root {
  /* Type */
  --ti-font-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ti-font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --ti-font-display: 'Fraunces', Georgia, serif;

  --ti-text-2xs: 10px;                 /* micro labels only: a dot's initials, a day strip's weekday */
  --ti-text-xs: 11px;
  --ti-text-s: 12.5px;
  --ti-text-m: 14px;
  --ti-text-l: 16px;
  --ti-text-xl: 20px;
  --ti-text-2xl: 28px;
  --ti-text-3xl: 40px;
  --ti-leading: 1.5;

  /* Ink and paper */
  --ti-ink: #17161A;
  --ti-ink-2: #514E49;
  --ti-muted: #6E6A63;
  --ti-paper: #F7F5F1;
  --ti-side: #FBFAF7;                  /* the sidebar, a shade above the paper (canvas board) */
  --ti-card: #FFFFFF;
  --ti-hairline: #E4DFD7;
  --ti-hairline-soft: #F0ECE5;
  --ti-field-border: #928D85;          /* 3.3 : 1 on white (WCAG 1.4.11) */

  /* Primary: aubergine 800 */
  --ti-primary: #5A3760;
  --ti-primary-hover: #4A2E4F;
  --ti-primary-pressed: #3A2340;
  --ti-primary-soft: #F3ECF3;          /* selected rows, active nav */
  --ti-primary-tint: #EADDEC;          /* primary button on dark bars */
  --ti-primary-tint-border: #D9C6DC;
  --ti-on-primary-tint: #2E1B33;
  --ti-focus-ring: 0 0 0 3px rgba(90, 55, 96, 0.28);

  /* Brand: terracotta is the logo only */
  --ti-brand: #B3401F;

  /* Status */
  --ti-error: #B42335;
  --ti-error-text: #8E1B2B;
  --ti-error-bg: #FCEBEC;
  --ti-warning-text: #7A5310;
  --ti-warning-bg: #FAF0DA;
  --ti-warning-border: #E0C27A;
  --ti-success-text: #256139;
  --ti-success-bg: #E4F0E5;
  --ti-success-border: #9CCBA8;
  --ti-info-text: #1B4C8C;
  --ti-info-bg: #E9EFFB;
  /* Alert boxes (Bausteine 7 · Hinweisboxen): lighter than the badges,
     each with its own border and mark. */
  --ti-info-soft: #F4F7FB;
  --ti-info-border: #D5E0F0;
  --ti-warning-soft: #FFFBF0;
  --ti-warning-mark: #C89A28;
  --ti-error-border: #E7B3B9;
  --ti-success-soft: #F1F8F2;
  --ti-success-mark: #3C8A56;
  --ti-option: #0E5A66;                /* booking status "Option" */
  --ti-option-bg: #E3F0F1;
  --ti-option-border: #B5D6DA;

  /* Dark bars (save bar, toast, tooltip) */
  --ti-dark: #17161A;
  /* Seasons of a price plan (plan 026), darkest = most expensive. Chips,
     month tiles, the year strip and the price table share them. */
  --ti-season-1: #5A3760;
  --ti-season-2: #84608A;
  --ti-season-3: #B596BB;
  --ti-season-4: #DCCCDF;
  --ti-season-5: #EFE7F0;
  --ti-on-season-dark: #FFFFFF;
  --ti-on-season-light: #2E1B33;
  --ti-season-closed: #F8F6F2;
  --ti-season-closed-stripe: #EFEBE4;
  /* The four Zwischengalerie places (Bilder page): one quiet hue each, so a
     number in the miniature finds its row. Identity, not status. */
  --ti-place-1: #3C6585;
  --ti-place-1-bg: #E5EDF4;
  --ti-place-2: #4D6B3A;
  --ti-place-2-bg: #E8F0E2;
  --ti-place-3: #8A5B1E;
  --ti-place-3-bg: #F5ECDD;
  --ti-place-4: #7A4470;
  --ti-place-4-bg: #F2E6EF;
  --ti-dark-chip: #2A2825;
  --ti-dark-chip-border: #4A4640;
  --ti-on-dark-muted: #D3CCC1;

  /* Calendar, scheme "Klassisch" */
  --ti-cal-free: #E8F2E9;
  --ti-cal-booked: #F5DCD7;
  --ti-cal-booked-text: #6B2A22;
  --ti-cal-closed: #D6D2CB;
  --ti-cal-closed-text: #8A847B;
  --ti-cal-range: #EFE6F0;

  /* Space (4 px scale), radius, elevation */
  --ti-space-1: 4px;
  --ti-space-2: 8px;
  --ti-space-3: 12px;
  --ti-space-4: 16px;
  --ti-space-5: 20px;
  --ti-space-6: 24px;
  --ti-space-8: 32px;
  --ti-side-w: 260px;                  /* the sidebar, and folded (plan 035, PR E) */
  --ti-side-w-narrow: 68px;
  --ti-radius-s: 6px;
  --ti-radius-m: 8px;
  --ti-radius-l: 12px;
  --ti-radius-xl: 16px;
  --ti-shadow-s: 0 1px 2px rgba(23, 22, 26, 0.06);
  --ti-shadow-m: 0 6px 18px rgba(23, 22, 26, 0.12);
}