/* Xirfadkaab design tokens — single source of truth for all design decisions.
   Authored as CSS custom properties so they port directly into the
   production web frontend (Laravel Blade/Inertia) later. */

:root {
  /* Brand — Xirfadkaab logo palette: vivid green shield + golden-yellow */
  --brand-green: #0C7A32;
  --brand-green-active: #17A83F;
  --brand-green-bright: #1BA43A;
  --gold: #F5B70A;
  --gold-wash: #FEF4D9;
  --gold-text: #96690A;

  /* Surfaces & text */
  --surface: #F6F4EC;
  --card: #FFFFFF;
  --border: #E3DECF;
  --border-soft: #EFEADB;
  --text: #16261F;
  --text-muted: #5C6B62;
  --on-green: #FFFFFF;
  --on-green-muted: #E7EFE9;
  --eyebrow: #9A8A5E;

  /* Status (payment / lesson / ticket lifecycles) */
  --status-pending-bg: #FAEEDA;  --status-pending-text: #854F0B;
  --status-active-bg: #E1F5EE;   --status-active-text: #0F6E56;
  --status-rejected-bg: #FCEBEB; --status-rejected-text: #A32D2D;
  --status-neutral-bg: #F1EFE8;  --status-neutral-text: #444441;
  --status-info-bg: #E6F1FB;     --status-info-text: #185FA5;

  /* Radius */
  --r-md: 8px;
  --r-lg: 12px;

  /* Spacing scale */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px;

  /* Type */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fz-22: 22px; --fz-18: 18px; --fz-16: 16px; --fz-14: 14px; --fz-13: 13px; --fz-11: 11px;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-sans);
  color: var(--text);
  background: var(--surface);
  font-size: var(--fz-14);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; }