/* ERAS Booking platform theme: Emerald green, Royal blue, Milkshake white.
   Used by the landing page, sign-up, sign-in, invoices and all admin screens.
   Business booking pages get the same role names from app/themes.py. */
:root {
  /* Emerald green — primary */
  --emerald-50:  #ECFDF5;
  --emerald-100: #D1FAE5;
  --emerald-300: #6EE7B7;
  --emerald-500: #10B981;
  --emerald-700: #047857;  /* brand primary */
  --emerald-800: #065F46;  /* primary hover */
  --emerald-900: #064E3B;

  /* Royal blue — secondary */
  --royal-50:  #EEF2FD;
  --royal-100: #DCE4FB;
  --royal-300: #9AB0F2;
  --royal-500: #4169E1;    /* secondary / links / selected */
  --royal-600: #2F55C9;    /* secondary hover */
  --royal-700: #2443A3;
  --royal-900: #172A66;

  /* Milkshake white — warm neutrals */
  --milk-50:  #FDFBF8;     /* cards, inputs */
  --milk-100: #FBF8F3;     /* page background */
  --milk-200: #EFE9E0;     /* subtle fills, disabled */
  --milk-300: #E2DACD;     /* borders */
  --milk-500: #A39B8F;     /* placeholders */
  --milk-700: #5C564E;     /* secondary text */
  --milk-900: #23211E;     /* primary text */

  /* Semantic */
  --color-success: var(--emerald-700);
  --color-info:    var(--royal-500);
  --color-warning: #D98E04;
  --color-danger:  #D64545;

  /* Roles */
  --bg-page:        var(--milk-100);
  --bg-card:        var(--milk-50);
  --border:         var(--milk-300);
  --text-primary:   var(--milk-900);
  --text-secondary: var(--milk-700);
  --btn-primary:    var(--emerald-700);
  --btn-primary-hover: var(--emerald-800);
  --btn-secondary:  var(--royal-500);
  --btn-secondary-hover: var(--royal-600);
  --link:           var(--royal-500);
  --date-selected:  var(--royal-500);
  --slot-available: var(--emerald-50);
}

/* Derived roles (same names as business themes; contrast-checked to WCAG AA) */
:root {
  --fill: #EFE9E0;
  --placeholder: #A39B8F;
  --on-primary: #FFFFFF;
  --primary-soft: #ECFDF5;
  --on-secondary: #FFFFFF;
  --secondary-soft: #EEF2FD;
  --success-text: #047857;
  --warning-text: #8F5E04;
  --danger-text: #B53A3A;
  --success-soft: #E4EEE8;
  --warning-soft: #F9EEDB;
  --danger-soft: #F9E9E6;
  --focus-ring: #A8B9EE;
  --serif: Cambria, Georgia, "Times New Roman", serif;
  --sans: Calibri, Carlito, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}