/* ==========================================================================
   Oat UI Theme Configuration for MyResorts (https://oat.ink/)
   ========================================================================== */
:root {
  color-scheme: light !important;

  /* Typography */
  --font-sans: 'Rubik', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;

  /* Oat Semantic Theme Colors */
  --primary: #D8461F;
  --primary-foreground: #ffffff;
  --secondary: #F1F5F9;
  --secondary-foreground: #1F225C;
  --accent: #1F225C;
  --accent-foreground: #ffffff;

  --background: #F8FAFC;
  --foreground: #1E293B;
  --card: #ffffff;
  --card-foreground: #1E293B;

  --muted: #F1F5F9;
  --muted-foreground: #64748B;
  --faint: #F8FAFC;
  --faint-foreground: #94A3B8;

  --border: #E2E8F0;
  --input: #E2E8F0;
  --ring: #D8461F;

  --success: #28a745;
  --success-foreground: #ffffff;
  --warning: #f39c12;
  --warning-foreground: #ffffff;
  --danger: #dc3545;
  --danger-foreground: #ffffff;

  --radius-small: 4px;
  --radius-medium: 6px;
  --radius-large: 8px;

  --shadow-small: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-medium: 0 4px 12px rgba(31, 34, 92, 0.04);
  --shadow-large: 0 10px 30px rgba(31, 34, 92, 0.06);

  /* Shared MyResorts Palette Tokens */
  --primary-orange: var(--primary);
  --primary-orange-dark: #C63D18;
  --primary-orange-light: #F0552D;
  --navy-blue: #1F225C;
  --navy-blue-dark: #16194A;
  --navy-blue-light: #2D317D;
  --text-dark: var(--foreground);
  --text-light: var(--muted-foreground);
  --text-white: #ffffff;
  --border-light: var(--border);
  --bg-light: var(--background);
  --bg-white: var(--card);
  --shadow-sm: var(--shadow-small);
  --shadow-md: var(--shadow-medium);
  --shadow-lg: var(--shadow-large);
  --sidebar-width: 260px;
  --header-height: 64px;
}