/* plugin/js/styles/awthy-tokens.css
 * Single styling source for Awthy plugin UI.
 * Contract: .interface-design/system.md — raw hex and shadow recipes are allowed ONLY here.
 */
:root {
  /* Brand palette (docs/marketing/brand.md) */
  --awthy-ink: #18212f;
  --awthy-muted: #5d6978;
  --awthy-paper: #fbfaf7;
  --awthy-surface: #ffffff;
  --awthy-line: #d8ded9;
  --awthy-green: #177c63;
  --awthy-green-dark: #0d4f42;
  --awthy-gold: #c7922f;
  --awthy-coral: #be4f43;

  /* Derived surfaces: same hue family, lightness shifts only */
  --awthy-surface-sunken: #f6f8f6; /* filter bars, schedule blocks */
  --awthy-surface-raised: #fbfdfb; /* summary band, provider cards */
  --awthy-line-subtle: #e7ece8; /* row separators inside panels */

  /* Status tints (chips): text / fill / border per tone */
  --awthy-tone-success-text: #0d4f42;
  --awthy-tone-success-fill: #e2f3ec;
  --awthy-tone-success-line: #b7dfcd;
  --awthy-tone-warning-text: #6e4e12;
  --awthy-tone-warning-fill: #f7ecd6;
  --awthy-tone-warning-line: #e3cda0;
  --awthy-tone-danger-text: #7c2f25;
  --awthy-tone-danger-fill: #f9e6e2;
  --awthy-tone-danger-line: #e8bcb3;
  --awthy-tone-info-text: #21506a;
  --awthy-tone-info-fill: #e4f0f6;
  --awthy-tone-info-line: #bcd8e6;
  --awthy-tone-neutral-text: #3f4a47;
  --awthy-tone-neutral-fill: #eef2f0;
  --awthy-tone-neutral-line: #dce5e1;

  /* Depth: controlled shared-surface separation, never feature-local recipes. */
  --awthy-shadow-subtle: 0 1px 3px rgba(24, 33, 47, 0.06);
  --awthy-shadow-popover: 0 2px 8px rgba(24, 33, 47, 0.08);
  --awthy-shadow-modal: 0 12px 32px rgba(24, 33, 47, 0.16);

  /* Rhythm */
  --awthy-radius-control: 4px;
  --awthy-radius-row: 6px;
  --awthy-radius-panel: 8px;
  --awthy-space-1: 4px;
  --awthy-space-2: 8px;
  --awthy-space-3: 12px;
  --awthy-space-4: 16px;
  --awthy-space-6: 24px;
  --awthy-space-8: 32px;
  --awthy-content-max: 1040px;

  /* WordPress admin chrome we must match, never restyle */
  --wp-admin-line: #dcdcde;
  --wp-admin-ink: #1d2327;
  --wp-admin-paper: #f6f7f7;
  --wp-admin-muted: #646970;
  --wp-admin-chip-line: #c3c4c7;
  --wp-admin-focus: #f0f6fc;
  --wp-admin-info: #72aee6;
}