/* Shared Palm Island website tokens; also used by the legacy Pre-Qualification page. */
:root {
  --radius: 0.625rem;
  --deep-navy: oklch(0.16 0.04 251);
  --background: var(--deep-navy);
  --foreground: oklch(0.96 0.02 82);
  --card: oklch(0.21 0.05 250);
  --card-foreground: var(--foreground);
  --popover: oklch(0.2 0.055 257);
  --popover-foreground: var(--foreground);
  --primary: oklch(0.75 0.12 78);
  --primary-foreground: var(--deep-navy);
  --secondary: oklch(0.25 0.055 251);
  --secondary-foreground: var(--foreground);
  --muted: oklch(0.25 0.04 251);
  --muted-foreground: oklch(0.71 0.035 247);
  --accent: oklch(0.28 0.06 247);
  --accent-foreground: var(--foreground);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.984 0.003 247.858);
  --border: oklch(0.55 0.07 239 / 55%);
  --input: oklch(0.75 0.12 78 / 22%);
  --ring: oklch(0.75 0.12 78);
  --gold: oklch(0.83 0.115 84);
  --gold-soft: oklch(0.76 0.105 81);
  --action: oklch(0.18 0.05 250 / 78%);
  --action-hover: oklch(0.225 0.065 244 / 88%);
  --action-border: oklch(0.67 0.085 229 / 64%);
  --icon: oklch(0.235 0.07 243 / 76%);
  --modal: oklch(0.2 0.055 257);
  --overlay: oklch(0.08 0.025 251 / 72%);
  --field: oklch(1 0 0 / 5%);
  --silhouette: oklch(0.055 0.024 251 / 86%);
  --water-highlight: oklch(0.53 0.12 230);
  --water-mid: oklch(0.285 0.1 241);
  --water-deep: oklch(0.085 0.038 253);
  --water-glow: oklch(0.59 0.135 230);
  --water-line: oklch(0.46 0.13 237);
  --water-foam: oklch(0.88 0.07 84);
  --shadow-modal: 0 30px 80px oklch(0.03 0.01 250 / 55%);
  --shadow-icon: inset 0 0 18px oklch(0.75 0.12 78 / 9%);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --sidebar: oklch(0.984 0.003 247.858);
  --sidebar-foreground: oklch(0.129 0.042 264.695);
  --sidebar-primary: oklch(0.208 0.042 265.755);
  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
  --sidebar-accent: oklch(0.968 0.007 247.896);
  --sidebar-accent-foreground: oklch(0.208 0.042 265.755);
  --sidebar-border: oklch(0.929 0.013 255.508);
  --sidebar-ring: oklch(0.704 0.04 256.788);
}

.dark {
  --background: oklch(0.129 0.042 264.695);
  --foreground: oklch(0.984 0.003 247.858);
  --card: oklch(0.208 0.042 265.755);
  --card-foreground: oklch(0.984 0.003 247.858);
  --popover: oklch(0.208 0.042 265.755);
  --popover-foreground: oklch(0.984 0.003 247.858);
  --primary: oklch(0.929 0.013 255.508);
  --primary-foreground: oklch(0.208 0.042 265.755);
  --secondary: oklch(0.279 0.041 260.031);
  --secondary-foreground: oklch(0.984 0.003 247.858);
  --muted: oklch(0.279 0.041 260.031);
  --muted-foreground: oklch(0.704 0.04 256.788);
  --accent: oklch(0.279 0.041 260.031);
  --accent-foreground: oklch(0.984 0.003 247.858);
  --destructive: oklch(0.704 0.191 22.216);
  --destructive-foreground: oklch(0.984 0.003 247.858);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 15%);
  --ring: oklch(0.551 0.027 264.364);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  --sidebar: oklch(0.208 0.042 265.755);
  --sidebar-foreground: oklch(0.984 0.003 247.858);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
  --sidebar-accent: oklch(0.279 0.041 260.031);
  --sidebar-accent-foreground: oklch(0.984 0.003 247.858);
  --sidebar-border: oklch(1 0 0 / 10%);
  --sidebar-ring: oklch(0.551 0.027 264.364);
}