/* SignRobin design tokens — light-first SaaS, brand from selected robin logo. */
:root {
  --sr-navy: #0D243C;             /* brand primary; headings and navigation */
  --sr-navy-deep: #091A2F;        /* hero / dark mode */
  --sr-blue: #274A6A;             /* secondary/navy wing */
  --sr-coral: #F44D4C;            /* logo text gradient end / lively accent */
  --sr-orange: #FF7045;           /* robin breast / warm accents */
  --sr-gradient: linear-gradient(120deg, #FF7045 0%, #F44D4C 100%);
  --sr-page: #F5F7FA;
  --sr-surface: #FFFFFF;
  --sr-text: #142B43;
  --sr-muted: #65758A;
  --sr-border: #E4EAF0;
  --sr-link: #174A7B;
  --sr-focus: #2673BE;
  --sr-success: #176B50;
  --sr-warning: #9C591D;
  --sr-danger: #B93035;
  --sr-radius-card: 16px;
  --sr-radius-control: 10px;
  --sr-shadow: 0 8px 30px rgba(13,36,60,0.075);
}

/* Dark text on orange is easier to read than white on the brand's light orange. */
.sr-btn-primary {
  color: #FFFFFF; background: var(--sr-navy); border: 1px solid var(--sr-navy);
  border-radius: var(--sr-radius-control); font-weight: 650;
}
.sr-btn-accent {
  color: var(--sr-navy-deep); background: var(--sr-gradient); border: none;
  border-radius: var(--sr-radius-control); font-weight: 700;
}
.sr-card { background: var(--sr-surface); border: 1px solid var(--sr-border);
  border-radius: var(--sr-radius-card); box-shadow: var(--sr-shadow); }
:focus-visible { outline: 3px solid var(--sr-focus); outline-offset: 3px; }

[data-theme="dark"] {
  --sr-page: #091A2F;
  --sr-surface: #102A44;
  --sr-text: #F7FAFD;
  --sr-muted: #B3C3D2;
  --sr-border: #2C4359;
  --sr-link: #91C1FC;
  --sr-shadow: 0 8px 30px rgba(0,0,0,0.23);
}