/* Shared Corfu Cottages design tokens.
   Keep page/component CSS using variables instead of repeating raw values. */
:root {
  --cc-font-sans: Inter, system-ui, "Segoe UI", Roboto, Arial, sans-serif;
  --cc-font-serif: "Playfair Display", Georgia, "Times New Roman", serif;

  --cc-color-primary: #1dabe2;
  --cc-color-primary-strong: #0d3b66;
  --cc-color-primary-muted: #4a6f8a;
  --cc-color-focus: rgba(33, 201, 238, 0.85);
  --cc-nav-dark-hover-bg: rgba(13, 59, 102, 0.08);

  --cc-text-primary: #333333;
  --cc-text-secondary: #4d6578;
  --cc-text-inverse: #ffffff;

  --cc-surface-page: #ffffff;
  --cc-surface-soft: #f8f8f8;
  --cc-surface-warm: #f8f4ee;
  --cc-surface-warm-soft: #fbf8f3;
  --cc-border-subtle: rgba(13, 59, 102, 0.12);

  --cc-radius-sm: 8px;
  --cc-radius-md: 12px;
  --cc-radius-lg: 18px;

  --cc-space-1: 4px;
  --cc-space-2: 8px;
  --cc-space-3: 12px;
  --cc-space-4: 16px;
  --cc-space-5: 24px;
  --cc-space-6: 32px;
  --cc-space-7: 40px;

  --cc-shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.10);
  --cc-transition-fast: 150ms ease;

  /* Compatibility aliases used by existing pages. */
  --font-sans: var(--cc-font-sans);
  --font-serif: var(--cc-font-serif);
  --hero-bg: var(--cc-surface-page);
  --hero-surface: var(--cc-surface-soft);
  --text-color: var(--cc-text-primary);
  --cc-accent: var(--cc-color-primary-muted);
  --cc-heading: var(--cc-color-primary-muted);
}

body.page-xyz {
  --hero-bg: var(--cc-surface-warm);
  --hero-surface: var(--cc-surface-warm-soft);
}