/* Opteris Partners — Elevation, borders, motion tokens */

:root {
  /* ---- Shadows (cool navy-tinted, soft) ---- */
  --shadow-xs: 0 1px 2px rgba(12, 36, 60, 0.06);
  --shadow-sm: 0 1px 3px rgba(12, 36, 60, 0.08), 0 1px 2px rgba(12, 36, 60, 0.06);
  --shadow-md: 0 4px 12px rgba(12, 36, 60, 0.10), 0 2px 4px rgba(12, 36, 60, 0.06);
  --shadow-lg: 0 12px 28px rgba(12, 36, 60, 0.14), 0 4px 10px rgba(12, 36, 60, 0.08);
  --shadow-xl: 0 24px 56px rgba(12, 36, 60, 0.18), 0 8px 20px rgba(12, 36, 60, 0.10);

  /* Brand glow — used on dark surfaces / focal CTAs */
  --shadow-glow: 0 0 0 1px rgba(96, 156, 216, 0.35), 0 8px 32px rgba(96, 156, 216, 0.28);

  /* ---- Borders ---- */
  --border-width: 1px;
  --border-hair:  1px solid var(--border-subtle);
  --border-line:  1px solid var(--border-default);

  /* ---- Focus ring ---- */
  --ring: 0 0 0 3px color-mix(in srgb, var(--focus-ring) 45%, transparent);

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.2, 0, 0.1, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:  120ms; /* @kind other */
  --dur-base:  200ms; /* @kind other */
  --dur-slow:  320ms; /* @kind other */

  /* ---- Gradients ---- */
  --gradient-hero: linear-gradient(160deg, #0C243C 0%, #122E4A 55%, #1A3A5C 100%); /* @kind color */
  --gradient-brand: linear-gradient(135deg, var(--blue-500) 0%, var(--cyan-500) 100%); /* @kind color */
  --gradient-accent-text: linear-gradient(120deg, var(--blue-400) 0%, var(--cyan-500) 100%); /* @kind color */
}