/* Aoun Harbor (Theme A). Canonical UI colors: see docs/design/THEME.md. */
:root {
  color-scheme: light;
  --background: #f3f7fa;
  --foreground: #153247;
  --card: #ffffff;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --primary: #007f87;
  --primary-foreground: #ffffff;
  --secondary: #eaf2f6;
  --secondary-foreground: #234b60;
  --muted: #edf3f7;
  --muted-foreground: #526b7f;
  --accent: #ddf4f3;
  --accent-foreground: #006b73;
  --border: #d8e4eb;
  --input: #c3d4df;
  --ring: #008c95;
  --destructive: #b42328;
  --danger-bg: #fff0f0;
  --danger-hover: #ffe1e2;
  --danger-ink: #a52a32;
  --danger-border: #e9b6bb;
  --success-bg: #e7f6ef;
  --success-hover: #d2edde;
  --success-ink: #196847;
  --warning-bg: #fff5df;
  --warning-hover: #ffebbf;
  --warning-ink: #84560c;
  --warning-border: #e2c486;
  --info-bg: #eaf3fd;
  --info-hover: #d9e9fb;
  --info-ink: #255e96;
  --violet-bg: #f1edfb;
  --violet-hover: #e5dcf7;
  --violet-ink: #68449b;
  --sidebar: var(--card);
  --sidebar-foreground: var(--foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--accent-foreground);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--ring);
  --chart-1: var(--primary);
  --chart-2: var(--info-ink);
  --chart-3: var(--success-ink);
  --chart-4: var(--warning-ink);
  --chart-5: var(--violet-ink);
  --radius: 0.75rem;
  --shadow-card: 0 4px 20px #17384d08;
  --shadow-floating: 0 16px 48px #071e3c29;
  --shadow-control: 0 1px 4px #00000014;
  /* Scrim behind dialogs, crops and previews; overlay text on photos
     (theme independent, the photo keeps its own colours). */
  --scrim: #071e3c66;
  --overlay-ink: #ffffff;
  --overlay-scrim: #071c2bcc;
  /* Motion (13 October 2026): every transition and animation uses these.
     fast = hover and colour, base = expand and reveal, slow = panels, sheets
     and dialogs. Reduced motion sets all three to 0 below. */
  --motion-fast: 120ms;
  --motion-base: 200ms;
  --motion-slow: 320ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-emphasized: cubic-bezier(0.3, 0, 0.1, 1);
  --sidebar-width: 232px;
  --font-geist-sans: Arial, Tahoma, Helvetica, sans-serif;
  --font-geist-mono: ui-monospace, monospace;
}
.dark {
  color-scheme: dark;
  --background: #071c2b;
  --foreground: #e4f0f7;
  --card: #0e283b;
  --primary: #31c5c9;
  --primary-foreground: #05262f;
  --secondary: #17364b;
  --secondary-foreground: #d3e7f1;
  --muted: #122e42;
  --muted-foreground: #a2bbcd;
  --accent: #103e4a;
  --accent-foreground: #69dedb;
  --border: #234457;
  --input: #36576b;
  --ring: #5bd4d6;
  --destructive: #ff9a9e;
  --danger-bg: #392a35;
  --danger-hover: #49313e;
  --danger-ink: #ffb0b4;
  --danger-border: #85515c;
  --success-bg: #103a35;
  --success-hover: #194a41;
  --success-ink: #89dfbb;
  --warning-bg: #363326;
  --warning-hover: #47402b;
  --warning-ink: #f2cd82;
  --warning-border: #806d40;
  --info-bg: #13354f;
  --info-hover: #1d4564;
  --info-ink: #a3ceff;
  --violet-bg: #302f4c;
  --violet-hover: #41385f;
  --violet-ink: #cdb5ff;
  --shadow-card: 0 4px 20px #00000012;
  --shadow-floating: 0 16px 48px #00000050;
  --shadow-control: 0 1px 4px #00000040;
  --scrim: #00000080;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
    --motion-base: 0ms;
    --motion-slow: 0ms;
  }
}