/* oterabook UI design tokens. Keep page markup on ob-* classes, not Bootstrap colors. */
:root {
  --ob-color-navy-dark: #1e3a5f;
  --ob-color-navy-light: #5b8bd4;
  --ob-color-purple-dark: #4a3f6b;
  --ob-color-purple-light: #8b7eb8;
  --ob-color-green-dark: #1a5d38;
  --ob-color-green-light: #38a169;
  --ob-color-warning: #a9470e;
  --ob-color-warning-hover: #8f3c0c;
  --ob-color-danger: #c42b1c;
  --ob-color-danger-hover: #a82115;
  --ob-color-neutral: #6b7280;
  --ob-color-neutral-hover: #4b5563;
  --ob-color-disabled: #d1d5db;

  --ob-color-primary: var(--ob-color-navy-dark);
  --ob-color-secondary: var(--ob-color-purple-dark);
  --ob-color-success: var(--ob-color-green-dark);
  --ob-color-surface: #ffffff;
  --ob-color-surface-muted: #f3f4f6;
  --ob-color-border: #e5e7eb;

  --ob-text-primary: #1f2937;
  --ob-text-secondary: #6b7280;
  --ob-text-muted: #9ca3af;
  --ob-text-inverse: #ffffff;
  --ob-text-contrast-strong: #0b1220;

  --ob-button-primary: var(--ob-color-navy-dark);
  --ob-button-primary-hover: #294f80;
  --ob-button-secondary: var(--ob-color-purple-dark);
  --ob-button-secondary-hover: #5d4f86;
  --ob-button-success: var(--ob-color-green-dark);
  --ob-button-success-hover: #247348;
  --ob-button-warning: var(--ob-color-warning);
  --ob-button-danger: var(--ob-color-danger);
  --ob-button-neutral: var(--ob-color-neutral);
  --ob-button-disabled: var(--ob-color-disabled);
  --ob-button-solid-text: #ffffff;

  --ob-radius-control: 6px;
  --ob-radius-card: 8px;
  --ob-shadow-card: 0 10px 24px rgb(15 23 42 / 12%);
  --ob-shadow-card-soft: 0 5px 14px rgb(15 23 42 / 10%);

  --ob-staff-lucky-1-base: #4a7c23;
  --ob-staff-lucky-1-light: #6a9b43;
  --ob-staff-lucky-1-gradient: linear-gradient(to left, var(--ob-staff-lucky-1-light), var(--ob-staff-lucky-1-base));
  --ob-staff-lucky-2-base: #5c8c2e;
  --ob-staff-lucky-2-light: #7cac4e;
  --ob-staff-lucky-2-gradient: linear-gradient(to left, var(--ob-staff-lucky-2-light), var(--ob-staff-lucky-2-base));
  --ob-staff-lucky-3-base: #6e9c38;
  --ob-staff-lucky-3-light: #8ebc58;
  --ob-staff-lucky-3-gradient: linear-gradient(to left, var(--ob-staff-lucky-3-light), var(--ob-staff-lucky-3-base));
  --ob-staff-lucky-4-base: #82ac42;
  --ob-staff-lucky-4-light: #a2cc62;
  --ob-staff-lucky-4-gradient: linear-gradient(to left, var(--ob-staff-lucky-4-light), var(--ob-staff-lucky-4-base));
  --ob-staff-lucky-5-base: #96bc4c;
  --ob-staff-lucky-5-light: #b6dc6c;
  --ob-staff-lucky-5-gradient: linear-gradient(to left, var(--ob-staff-lucky-5-light), var(--ob-staff-lucky-5-base));
  --ob-staff-lucky-6-base: #aacc56;
  --ob-staff-lucky-6-light: #caec76;
  --ob-staff-lucky-6-gradient: linear-gradient(to left, var(--ob-staff-lucky-6-light), var(--ob-staff-lucky-6-base));

  --ob-schedule-royal-1-base: #1e3a6e;
  --ob-schedule-royal-1-light: #2e5a9e;
  --ob-schedule-royal-1-gradient: linear-gradient(to left, var(--ob-schedule-royal-1-light), var(--ob-schedule-royal-1-base));
  --ob-schedule-royal-2-base: #264785;
  --ob-schedule-royal-2-light: #3667b5;
  --ob-schedule-royal-2-gradient: linear-gradient(to left, var(--ob-schedule-royal-2-light), var(--ob-schedule-royal-2-base));
  --ob-schedule-royal-3-base: #2e549c;
  --ob-schedule-royal-3-light: #4e74bc;
  --ob-schedule-royal-3-gradient: linear-gradient(to left, var(--ob-schedule-royal-3-light), var(--ob-schedule-royal-3-base));
  --ob-schedule-royal-4-base: #3661b3;
  --ob-schedule-royal-4-light: #5681d3;
  --ob-schedule-royal-4-gradient: linear-gradient(to left, var(--ob-schedule-royal-4-light), var(--ob-schedule-royal-4-base));
  --ob-schedule-royal-5-base: #4070c4;
  --ob-schedule-royal-5-light: #6090e4;
  --ob-schedule-royal-5-gradient: linear-gradient(to left, var(--ob-schedule-royal-5-light), var(--ob-schedule-royal-5-base));
  --ob-schedule-royal-6-base: #4a7fd5;
  --ob-schedule-royal-6-light: #7aaff5;
  --ob-schedule-royal-6-gradient: linear-gradient(to left, var(--ob-schedule-royal-6-light), var(--ob-schedule-royal-6-base));
}