/* Sails shared design tokens. Source of truth: DESIGN.md in ClassisGH/sails-sites.
   Served at https://sails.fi/css/sails-tokens.css. Tailwind apps mirror these in their @theme block. */
:root {
  --sails-font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;

  --ocean-50: #e0f4ff;
  --ocean-100: #b3e0ff;
  --ocean-200: #80cbff;
  --ocean-300: #4db6ff;
  --ocean-400: #3ab0d7;
  --ocean-500: #0077b6;
  --ocean-600: #005f92;
  --ocean-700: #00486e;
  --ocean-800: #00304a;
  --ocean-900: #001826;
  --sails: #0096c7;

  --sails-bg: var(--ocean-50);
  --sails-card: #ffffff;
  --sails-text: #0f172a;   /* slate-900 */
  --sails-muted: #64748b;  /* slate-500 */
  --sails-accent: var(--ocean-500);
  --sails-logo-1: #0077b6;
  --sails-logo-2: #0096c7;

  --sails-radius-control: 0.75rem; /* rounded-xl */
  --sails-radius-card: 1rem;       /* rounded-2xl */
  --sails-shadow-card: 0 1px 2px 0 rgb(0 0 0 / 0.05); /* shadow-sm */
  --sails-tap: 2.75rem;            /* 44px minimum touch target */
  --sails-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --sails-bg: var(--ocean-900);
    --sails-card: var(--ocean-800);
    --sails-text: #f1f5f9;   /* slate-100 */
    --sails-muted: #94a3b8;  /* slate-400 */
    --sails-logo-1: #00aaff;
    --sails-logo-2: #33ccff;
  }
}