:root{
  --color-primary: #2563eb;   /* Royal Blue */
  --color-secondary: #1e40af; /* Deep Blue */
  --color-accent: #3b82f6;    /* Bright Blue */
  --color-bg: #f8fafc;        /* Very Light Gray-Blue */
  --color-cards: #ffffff;     /* White */
  --color-text: #0f172a;      /* Almost Black */
  --nav-max-width: 1100px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:var(--color-bg); color:var(--color-text); -webkit-font-smoothing:antialiased}

/* Common utilities */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}