/* Rydo brand colours — light by default, dark via prefers-color-scheme or [data-theme="dark"] */
:root {
  --rydo-volt: #C8F135;
  --rydo-volt-pressed: #B3DB1F;
  --rydo-volt-soft: #F1FBD0;
  --rydo-ink: #0B0F14;
  --rydo-on-volt: #0B0F14;

  --rydo-surface: #FFFFFF;
  --rydo-surface-raised: #F4F6F8;
  --rydo-surface-overlay: #FFFFFF;
  --rydo-hairline: #E3E7EC;
  --rydo-control-border: #8A94A3;
  --rydo-text: #0B0F14;
  --rydo-text-muted: #5B6573;
  --rydo-link: #4A6B00;
  --rydo-route: #1D4ED8;
  --rydo-success: #067647;
  --rydo-warning: #B54708;
  --rydo-danger: #D92D20;

  --rydo-font: "Plus Jakarta Sans", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --rydo-radius-sm: 10px;
  --rydo-radius-md: 16px;
  --rydo-radius-lg: 28px;
  --rydo-radius-pill: 999px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --rydo-volt-pressed: #D6F76A;
    --rydo-volt-soft: #232B10;
    --rydo-surface: #0B0F14;
    --rydo-surface-raised: #151A21;
    --rydo-surface-overlay: #1C232C;
    --rydo-hairline: #252C36;
    --rydo-control-border: #5C6675;
    --rydo-text: #F5F7FA;
    --rydo-text-muted: #9AA4B2;
    --rydo-link: #C8F135;
    --rydo-route: #7AA7FF;
    --rydo-success: #47CD89;
    --rydo-warning: #FDB022;
    --rydo-danger: #F97066;
  }
}
:root[data-theme="dark"] {
  --rydo-volt-pressed: #D6F76A;
  --rydo-volt-soft: #232B10;
  --rydo-surface: #0B0F14;
  --rydo-surface-raised: #151A21;
  --rydo-surface-overlay: #1C232C;
  --rydo-hairline: #252C36;
  --rydo-control-border: #5C6675;
  --rydo-text: #F5F7FA;
  --rydo-text-muted: #9AA4B2;
  --rydo-link: #C8F135;
  --rydo-route: #7AA7FF;
  --rydo-success: #47CD89;
  --rydo-warning: #FDB022;
  --rydo-danger: #F97066;
}

/* Base + ready-made classes */
body { background: var(--rydo-surface); color: var(--rydo-text); font-family: var(--rydo-font); }
a { color: var(--rydo-link); }
.rydo-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:14px 28px;
  border:0; border-radius: var(--rydo-radius-pill); background: var(--rydo-volt); color: var(--rydo-on-volt);
  font: 700 16px/1 var(--rydo-font); cursor:pointer; text-decoration:none; }
.rydo-btn:hover { background: var(--rydo-volt-pressed); }
.rydo-btn-outline { background: transparent; color: var(--rydo-text); border: 1.5px solid var(--rydo-control-border); }
.rydo-card { background: var(--rydo-surface-raised); border-radius: var(--rydo-radius-md); padding: 24px; }
.rydo-hero-dark { background: var(--rydo-ink); color: #F5F7FA; }
.rydo-muted { color: var(--rydo-text-muted); }