/*
 * TibaClick design tokens — single source of truth.
 * Sampled from the real logo artwork (tibaClick_Logo, Sept 2026); see BRAND.md
 * for the three values corrected from the original brief.
 *
 * Consumed by:
 *   - static marketing pages (tiba_click/www/*.html) via <link rel="stylesheet">
 *   - the portal SPA (frontend/src/index.css) via @import
 *   - frontend/tailwind.config.js mirrors these into theme.extend.colors.tc.*
 *
 * No raw hex values anywhere else in the codebase — everything reads these.
 */
:root {
  /* color */
  --tc-blue: #003BED;         /* brief specified #1B4DF5; corrected by sampling the artwork */
  --tc-blue-deep: #002B96;
  --tc-blue-tint: #E7ECFF;
  --tc-green: #01D5A3;        /* brief specified #12CE9C; corrected by sampling the artwork */
  --tc-green-deep: #049C79;
  --tc-green-tint: #E1FAF3;
  --tc-ink: #000000;          /* brief specified #0B0B0B; corrected by sampling the artwork */
  --tc-slate: #5A6472;
  --tc-line: #E3E8EF;
  --tc-mist: #F5F8FC;
  --tc-white: #FFFFFF;
  --tc-alert: #E23D3D;
  --tc-warn: #F5A524;
  --tc-warn-deep: #93650E;
  --tc-grey-tint: #EEF1F5;
  --tc-gradient: linear-gradient(135deg, #01D5A3 0%, #003BED 100%);

  /* status chips (§4 of the brand brief, mapped onto Booking statuses) */
  --tc-status-available-bg: var(--tc-green-tint);
  --tc-status-available-fg: var(--tc-green-deep);
  --tc-status-booked-bg: var(--tc-blue-tint);
  --tc-status-booked-fg: var(--tc-blue-deep);
  --tc-status-pending-bg: #FCEFD7;
  --tc-status-pending-fg: var(--tc-warn-deep);
  --tc-status-cancelled-bg: var(--tc-grey-tint);
  --tc-status-cancelled-fg: var(--tc-slate);

  /* type */
  --tc-font-display: 'Poppins', system-ui, sans-serif;
  --tc-font-body: 'Inter', system-ui, sans-serif;

  /* space — 4px base */
  --tc-1: 4px;  --tc-2: 8px;  --tc-3: 12px; --tc-4: 16px;
  --tc-5: 24px; --tc-6: 32px; --tc-7: 48px; --tc-8: 64px; --tc-9: 96px;

  /* radius + elevation */
  --tc-r-sm: 8px; --tc-r-md: 16px; --tc-r-lg: 24px; --tc-r-pill: 999px;
  --tc-shadow-1: 0 1px 2px rgba(11, 31, 92, 0.06);
  --tc-shadow-2: 0 8px 24px rgba(11, 31, 92, 0.10);

  /* layout */
  --tc-container: 1200px;
  --tc-gutter: clamp(16px, 5vw, 48px);
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/tiba_click/brand/fonts/inter-variable.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/tiba_click/brand/fonts/poppins-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/tiba_click/brand/fonts/poppins-700.woff2') format('woff2');
}