/* AURA foundation. Tokens are inert until consumed; legacy login keeps its theme.
   Breakpoints used by the shell: 1100px (compact), 760px (stacked).
   CSS custom properties cannot be used in media-query conditions. */
:root {
  /* AuraColors — approved watercolor palette. */
  --aura-canvas: #F6F0E4;
  --aura-card: #FBF7EE;
  --aura-raised: #EFE7D9;
  --aura-primary: #31596A;
  --aura-outline: #B8AD9D;
  --aura-text: #2E2A24;
  --aura-text-secondary: #655E53;
  --aura-text-muted: #786F62;
  --aura-on-primary: #FFFFFF;
  --aura-primary-hover: #244654;
  --aura-primary-soft: #E0E9E8;
  --aura-success: #326A54;
  --aura-success-soft: #E0EBDD;
  --aura-warning: #825817;
  --aura-warning-soft: #F5E8CC;
  --aura-danger: #A33E36;
  --aura-danger-soft: #F7E2DC;
  --aura-info: #315F8A;
  --aura-info-soft: #E1EBF3;
  --aura-category-work: var(--aura-info);
  --aura-category-life: #9A4946;
  --aura-category-health: var(--aura-success);
  --aura-category-personal: #71508E;
  --aura-category-personal-soft: #EDE4F3;
  --aura-category-relationship: var(--aura-warning);
  --aura-focus: #31596A;
  --aura-selection: #D6E4E7;
  --aura-overlay: rgb(46 42 36 / 42%);
  --aura-divider: rgb(120 111 98 / 22%);

  /* AuraTypography — local fallbacks; no font-service network dependency. */
  --aura-font-body: -apple-system, BlinkMacSystemFont, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  --aura-font-brand: "Bradley Hand", "Segoe Print", "Kaiti TC", cursive;
  --aura-font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace;
  --aura-text-xs: 0.75rem;
  --aura-text-sm: 0.875rem;
  --aura-text-md: 1rem;
  --aura-text-lg: 1.125rem;
  --aura-text-xl: 1.375rem;
  --aura-text-2xl: 1.75rem;
  --aura-text-brand: clamp(2rem, 3.6vw, 3.75rem);
  --aura-leading-tight: 1.25;
  --aura-leading-body: 1.6;
  --aura-weight-regular: 400;
  --aura-weight-medium: 500;
  --aura-weight-semibold: 600;
  --aura-weight-bold: 700;

  /* AuraSpacing — 4 / 8 / 12 / 16 / 24 / 32 / 48. */
  --aura-space-1: 0.25rem;
  --aura-space-2: 0.5rem;
  --aura-space-3: 0.75rem;
  --aura-space-4: 1rem;
  --aura-space-6: 1.5rem;
  --aura-space-8: 2rem;
  --aura-space-12: 3rem;

  /* AuraRadius / AuraBorders / AuraShadows. */
  --aura-radius-sm: 0.5rem;
  --aura-radius-md: 0.75rem;
  --aura-radius-lg: 1rem;
  --aura-radius-pill: 999px;
  --aura-border-width: 1px;
  --aura-border: var(--aura-border-width) solid var(--aura-outline);
  --aura-border-subtle: var(--aura-border-width) solid var(--aura-divider);
  --aura-focus-ring: 2px solid var(--aura-focus);
  --aura-focus-offset: 3px;
  --aura-shadow-card: 0 2px 8px rgb(46 42 36 / 4%);
  --aura-shadow-popover: 0 8px 24px rgb(46 42 36 / 12%);
  --aura-shadow-modal: 0 20px 64px rgb(46 42 36 / 22%);

  /* AuraLayout — normal document flow; calendar time geometry stays legacy. */
  --aura-sidebar-width: 224px;
  --aura-sidebar-compact: 88px;
  --aura-content-max: 1440px;
  --aura-control-height: 40px;
  --aura-touch-target: 44px;
  --aura-nav-height: 64px;
  --aura-nav-compact-height: 56px;
  --aura-sidebar-brand-size: 2.8rem;
  --aura-search-min: 320px;
  --aura-search-max: 620px;
  --aura-topbar-height: 76px;
  --aura-hero-height: clamp(180px, 18vw, 260px);
  --aura-hero-height-mobile: 160px;
  --aura-hero-copy-max: 48%;
  --aura-right-panel-width: 360px;
  --aura-right-panel-min: 260px;
  --aura-z-topbar: 20;
  --aura-z-panel: 30;
  --aura-z-modal: 50;

  /* AuraMotion. */
  --aura-duration-fast: 120ms;
  --aura-duration-normal: 200ms;
  --aura-easing: ease-out;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --aura-duration-fast: 0ms;
    --aura-duration-normal: 0ms;
  }
}