/*
 * Sudway · Design Tokens — single source of truth
 * Last updated: 2026-06-11
 *
 * All pages import this file. Page-specific styles live in their <style> tag.
 * Token changes here propagate everywhere.
 */

:root{
  /* === SURFACES === */
  --bg:#0A0A0C;
  --bg-2:#0E0E11;
  --surface:#0E0E11;
  --surface-2:#13131A;

  /* === LINES & BORDERS === */
  --line:rgba(255,255,255,0.08);
  --line-strong:rgba(255,255,255,0.16);

  /* === TEXT === */
  --text:#E8E8EA;
  --muted:#8B8E99;
  --muted-2:#5C5F6B;

  /* === BRAND ACCENTS === */
  --lime:#E6FF1A;
  --lime-soft:#F0FF5A;
  --orange:#F97316;
  --orange-soft:#FFA76E;
  --orange-deep:#C9520B;

  /* === LEGACY ALIASES (deprecated — remove after HTML cleanup pass) === */
  /* Pre-2026-06 the orange palette was misnamed "violet" and "amber" */
  --violet:var(--orange);
  --violet-soft:var(--orange-soft);
  --violet-deep:var(--orange-deep);
  --amber:var(--orange);
  --blue-soft:var(--lime-soft);

  /* === EASING CURVES (Emil Kowalski) === */
  --ease-out:cubic-bezier(0.23,1,0.32,1);
  --ease-out-snappy:cubic-bezier(0.32,0.72,0,1);

  /* === BORDER RADIUS === */
  --rad:14px;
  --rad-lg:28px;
  --rad-xl:40px;
  --rad-pill:9999px;

  /* === LAYOUT === */
  --container:1180px;
  --container-narrow:1080px;

  /* === TYPOGRAPHY === */
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --serif:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* === SHARED ANIMATIONS (referenced by multiple components) === */
@keyframes pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:0.5;transform:scale(0.85)}
}
