/*
Theme Name: STOT Main
Theme URI: https://staysoftimor.com
Author: Stays of Timor
Author URI: https://staysoftimor.com
Description: Mobile-first theme for Stays of Timor with sticky header, bottom nav, touch-optimized UI, and unified design tokens.
Version: 0.2.1
Text Domain: stot-main
*/

:root {
  /* Colors — aligned with design-tokens.json canonical values */
  --stot-color-bg: #F5F0EA;
  --stot-color-surface: #FFFFFF;
  --stot-color-text: #1C1B1F;
  --stot-color-muted: #424242;
  --stot-color-brand: #006B75;
  --stot-color-brand-light: #009DAA;
  --stot-color-brand-container: #B2EBF2;
  --stot-color-accent: #E05C40;
  --stot-color-accent-container: #FFDBD1;
  --stot-color-border: #BDBDBD;
  --stot-color-surface-variant: #ECEFF1;
  --stot-color-error: #BA1A1A;
  --stot-color-success: #2E7D32;
  --stot-color-warning: #FF8F00;
  --stot-color-info: #1565C0;

  /* Typography */
  --stot-font-heading: "Poppins", "Segoe UI", system-ui, sans-serif;
  --stot-font-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;

  /* 8pt spacing grid */
  --stot-space-xxs: 0.125rem; /* 2px */
  --stot-space-xs: 0.25rem;   /* 4px */
  --stot-space-sm: 0.5rem;    /* 8px */
  --stot-space-md: 1rem;      /* 16px */
  --stot-space-lg: 1.5rem;    /* 24px */
  --stot-space-xl: 2rem;      /* 32px */
  --stot-space-xxl: 3rem;     /* 48px */
  --stot-space-xxxl: 4rem;    /* 64px */

  /* Legacy spacing aliases */
  --stot-space-1: 0.5rem;
  --stot-space-2: 0.75rem;
  --stot-space-3: 1rem;
  --stot-space-4: 1.5rem;
  --stot-space-5: 2rem;
  --stot-space-6: 3rem;

  /* Radius — from design-tokens.json */
  --stot-radius-sm: 4px;
  --stot-radius-md: 8px;
  --stot-radius: 12px;
  --stot-radius-lg: 16px;
  --stot-radius-full: 9999px;

  --stot-shadow: 0 8px 26px rgba(28, 27, 31, 0.08);
  --stot-shadow-soft: 0 4px 12px rgba(28, 27, 31, 0.05);

  /* Touch target minimum */
  --stot-touch-min: 44px;
}