/* Rise&Go design tokens, from the app (DesignTokens.swift + Assets.xcassets). */
:root {
  --rg-accent: #5856D6;            /* Get ready segment, buttons, links */
  --rg-accent-strong: #3634A3;     /* high contrast */
  --rg-travel: #007AFF;
  --rg-breakfast: #AC8E68;
  --rg-buffer: #C7C7CC;
  --rg-card: #FFFFFF;
  --rg-bg: #F2F2F7;
  --rg-text: #000000;
  --rg-text-secondary: rgba(60, 60, 67, 0.6);

  --rg-hero-gradient: linear-gradient(180deg, #000000 0%, #0B0B1F 45%, #1B1A4A 85%, rgba(196, 166, 132, 0.15) 100%);

  --rg-radius-card: 22px;
  --rg-bar-height: 14px;           /* morning bar, in the app */
  --rg-bar-gap: 2px;
  --rg-margin: 16px;

  --rg-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, "Inter", sans-serif;
  --rg-time-weight: 300;           /* big Clock-style times */
  --rg-spring: cubic-bezier(0.25, 1, 0.5, 1); /* close to the app's 0.4 s spring, no bounce */
  --rg-duration: 400ms;
}

@media (prefers-color-scheme: dark) {
  :root {
    --rg-accent: #7D7AFF;
    --rg-accent-strong: #A5A3FF;
    --rg-travel: #0A84FF;
    --rg-breakfast: #C4A684;
    --rg-buffer: #48484A;
    --rg-card: #1C1C1E;
    --rg-bg: #000000;
    --rg-text: #FFFFFF;
    --rg-text-secondary: rgba(235, 235, 245, 0.6);
  }
}

/* The morning bar: segments in proportion to their minutes. */
.rg-morning-bar { display: flex; gap: var(--rg-bar-gap); height: var(--rg-bar-height); }
.rg-morning-bar > span { border-radius: 0; }
.rg-morning-bar > span:first-child { border-radius: 999px 0 0 999px; }
.rg-morning-bar > span:last-child { border-radius: 0 999px 999px 0; }
.rg-seg-ready { background: var(--rg-accent); }
.rg-seg-breakfast { background: var(--rg-breakfast); }
.rg-seg-travel { background: var(--rg-travel); }
.rg-seg-buffer { background: var(--rg-buffer); }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}