@layer reset, tokens, base, shell, components, apps, utilities;

@layer tokens {
  :root {
    color-scheme: light;
    --az-canvas: #eef4fb;
    --az-canvas-deep: #dbe7f3;
    --az-canvas-soft: #f8fbff;
    --az-surface-1: rgba(255, 255, 255, .72);
    --az-surface-2: rgba(255, 255, 255, .84);
    --az-surface-3: rgba(244, 247, 252, .94);
    --az-surface-solid: #f8fafc;
    --az-glass: rgba(255, 255, 255, .52);
    --az-glass-strong: rgba(252, 253, 255, .88);
    --az-glass-border: rgba(255, 255, 255, .74);
    --az-paper: #fffaf0;
    --az-paper-raised: #fffdf8;
    --az-paper-muted: #efe4d2;
    --az-ink: #26313c;
    --az-ink-muted: #65717e;
    --az-text: #182334;
    --az-text-2: #526072;
    --az-text-3: #607084;
    --az-accent: #4f60ca;
    --az-accent-hi: #6878dd;
    --az-blue: #4388d6;
    --az-brass: #a9783e;
    --az-brass-hi: #bf8d4f;
    --az-teal: #2d8791;
    --az-teal-hi: #3f9aa4;
    --az-rust: #c56d51;
    --az-success: #4f9a68;
    --az-warning: #bc8434;
    --az-danger: #d25757;
    --az-focus: #4b66dd;
    --az-border: rgba(31, 48, 72, .10);
    --az-border-strong: rgba(31, 48, 72, .18);
    --az-shadow-window: 0 28px 70px rgba(45, 58, 82, .23), 0 4px 18px rgba(45, 58, 82, .13);
    --az-shadow-float: 0 18px 44px rgba(40, 52, 78, .20), 0 2px 8px rgba(40, 52, 78, .08);
    --az-shadow-soft: 0 12px 32px rgba(40, 52, 78, .12);
    --az-radius-control: 10px;
    --az-radius-card: 16px;
    --az-radius-window: 18px;
    --az-radius-dialog: 22px;
    --az-space-1: 4px;
    --az-space-2: 8px;
    --az-space-3: 12px;
    --az-space-4: 16px;
    --az-space-5: 24px;
    --az-space-6: 32px;
    --az-space-7: 48px;
    --az-titlebar: 48px;
    --az-titlebar-touch: 56px;
    --az-control: 30px;
    --az-control-touch: 44px;
    --az-bottom-nav: 66px;
    --az-shell-max: 1320px;
    --az-font-ui: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --az-font-display: Georgia, "Times New Roman", serif;
    --az-font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --az-motion-fast: 100ms;
    --az-motion: 180ms;
    --az-motion-slow: 260ms;
  }

  @media (prefers-reduced-motion: reduce) {
    :root {
      --az-motion-fast: 0ms;
      --az-motion: 0ms;
      --az-motion-slow: 0ms;
    }
  }
}