/* Yokozuna Documents — design tokens.
 * Every colour, radius, shadow and spacing value used by the UI lives here.
 * Templates and other stylesheets reference tokens, never raw hex values.
 * Brand red / ink are taken from the official logo artwork. */
:root {
  /* brand */
  --yo-red: #DB1E20;
  --yo-red-hover: #C7181B;
  --yo-red-soft: #FFF1F1;
  --yo-red-tint: #FCE9E9;
  --yo-ink: #110C0D;

  /* neutrals */
  --yo-text: #202124;
  --yo-muted: #6B7280;
  --yo-subtle: #9CA3AF;
  --yo-canvas: #F7F8FA;
  --yo-canvas-glass: rgba(247, 248, 250, 0.92);
  --yo-surface: #FFFFFF;
  --yo-surface-alt: #FAFBFC;
  --yo-hover: #F4F5F7;
  --yo-border: #E7E9EE;
  --yo-border-strong: #D8DBE2;
  --yo-disabled-bg: #F1F2F4;
  --yo-overlay: rgba(17, 12, 13, 0.40);

  /* status */
  --yo-success: #17845A;
  --yo-success-bg: #EBF8F1;
  --yo-warning: #A66A00;
  --yo-warning-bg: #FFF7E6;
  --yo-error: #C53434;
  --yo-error-bg: #FFF0F0;
  --yo-info: #3568D4;
  --yo-info-bg: #EEF4FF;
  --yo-neutral: #4B5563;
  --yo-neutral-bg: #F1F2F4;

  /* type */
  --yo-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --yo-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --yo-fs-page: 30px;
  --yo-fs-section: 20px;
  --yo-fs-card: 17px;
  --yo-fs-body: 14px;
  --yo-fs-body-lg: 15px;
  --yo-fs-small: 13px;
  --yo-fs-label: 12px;

  /* spacing scale */
  --yo-s1: 4px;
  --yo-s2: 8px;
  --yo-s3: 12px;
  --yo-s4: 16px;
  --yo-s5: 24px;
  --yo-s6: 32px;
  --yo-s7: 40px;
  --yo-s8: 48px;
  --yo-s9: 64px;

  /* shape */
  --yo-r-control: 10px;
  --yo-r-card: 16px;
  --yo-r-modal: 18px;
  --yo-r-pill: 999px;
  --yo-shadow: 0 8px 30px rgba(17, 12, 13, 0.05);
  --yo-shadow-pop: 0 16px 40px rgba(17, 12, 13, 0.12);
  --yo-shadow-knob: 0 1px 2px rgba(17, 12, 13, 0.2);
  --yo-focus: 0 0 0 3px rgba(219, 30, 32, 0.18);

  /* layout */
  --yo-sidebar-w: 248px;
  --yo-content-max: 1320px;
  --yo-form-max: 780px;
  --yo-control-h: 44px;
  --yo-ease: 150ms ease;
}