/* SatuBeasiswa Unified v3 design tokens.
 * Source aligned with UIUX_BACKEND_CHANGEMAP_LIVEDOC.html and settings mockups.
 */
:root {
  --navy: #002f6c;
  --navy-dark: #001a3e;
  --navy-mid: #004098;
  --coral: #5b8fd4;
  --coral-light: #8bb3e8;
  --coral-pale: #e8f0fb;
  --gold-l: #f5c842;
  --gold-d: #b8860b;
  --gold-pale: #fdf3cd;
  --white-t: #fafaf8;

  --gray-100: #f0f2f5;
  --gray-200: #e0e3e8;
  --gray-300: #c8cdd6;
  --gray-400: #9aa3b0;
  --gray-500: #7a8392;
  --gray-600: #5c6370;
  --gray-700: #3e4556;
  --gray-800: #2d3240;
  --gray-900: #1a1f2e;

  --green: #1a8754;
  --green-pale: #d1f2e2;
  --orange: #e07b00;
  --orange-pale: #fef0d5;
  --red: #c0392b;
  --red-pale: #fdeceb;
  --teal: #0d7377;
  --teal-pale: #d8f5f5;
  --purple: #6f42c1;
  --purple-pale: #ede6ff;

  --danger: var(--red);
  --success: var(--green);
  --warning: var(--orange);

  --shadow-sm: 0 1px 3px rgba(0, 47, 108, .08), 0 1px 2px rgba(0, 0, 0, .05);
  --shadow-md: 0 4px 12px rgba(0, 47, 108, .12), 0 2px 4px rgba(0, 0, 0, .06);
  --shadow-lg: 0 12px 32px rgba(0, 47, 108, .16), 0 4px 8px rgba(0, 0, 0, .08);

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius: var(--radius-md);
  --rail-w: 240px;
  --font: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  --sb-navy: var(--navy);
  --sb-navy-dark: var(--navy-dark);
  --sb-navy-mid: var(--navy-mid);
  --sb-coral: var(--coral);
  --sb-coral-light: var(--coral-light);
  --sb-coral-pale: var(--coral-pale);
  --sb-gold: var(--gold-l);
  --sb-gold-dark: var(--gold-d);
  --sb-gold-pale: var(--gold-pale);
  --sb-teal: var(--teal);
  --sb-teal-soft: var(--teal-pale);
  --sb-teal-border: rgba(13, 115, 119, .2);
  --sb-purple: var(--purple);
  --sb-purple-soft: var(--purple-pale);
  --sb-purple-border: rgba(111, 66, 193, .2);
  --sb-green: var(--green);
  --sb-green-soft: var(--green-pale);
  --sb-orange: var(--orange);
  --sb-orange-soft: var(--orange-pale);
  --sb-red: var(--red);
  --sb-red-soft: var(--red-pale);
  --sb-gray-50: var(--white-t);
  --sb-gray-100: var(--gray-100);
  --sb-gray-200: var(--gray-200);
  --sb-gray-300: var(--gray-300);
  --sb-gray-400: var(--gray-400);
  --sb-gray-500: var(--gray-500);
  --sb-gray-600: var(--gray-600);
  --sb-gray-700: var(--gray-700);
  --sb-gray-800: var(--gray-800);
  --sb-gray-900: var(--gray-900);
  --sb-shadow-card: var(--shadow-sm);
  --sb-shadow-md: var(--shadow-md);
  --sb-shadow-lg: var(--shadow-lg);
  --sb-radius-sm: var(--radius-sm);
  --sb-radius-md: var(--radius-md);
  --sb-radius-lg: var(--radius-lg);
}