/*
 * Frame UI theme
 *
 * Keep brand decisions in this file. Feature styles should consume these
 * semantic tokens instead of introducing page-specific green or purple
 * palettes. The legacy aliases are kept in each feature stylesheet while
 * those styles are migrated incrementally.
 */
:root {
  /* Surfaces */
  --ui-bg: #f7f6fb;
  --ui-surface: #ffffff;
  --ui-surface-raised: #ffffff;
  --ui-surface-subtle: #f1eff8;
  --ui-surface-muted: #ebe8f2;
  --ui-surface-overlay: rgb(255 255 255 / 86%);
  --ui-surface-sidebar: #f4f2f8;
  --ui-surface-sidebar-raised: #faf9fd;
  --ui-sidebar-line: #e2ddea;
  /* Text and borders */
  --ui-ink: #211b2d;
  --ui-ink-strong: #211b2d;
  --ui-muted: #746d83;
  --ui-ink-soft: #9893a6;
  --ui-line: #e2ddea;
  --ui-line-strong: #d5cbe5;
  /* Actions */
  --ui-accent: #6e5bd3;
  --ui-accent-strong: #503db0;
  --ui-accent-soft: #f0edff;
  --ui-focus: #7869e6;
  --ui-focus-ring: color-mix(in srgb, var(--ui-focus) 72%, transparent);
  --ui-action-primary: var(--ui-accent);
  --ui-action-primary-hover: var(--ui-accent-strong);
  --ui-action-on-primary: #ffffff;
  --ui-action-selection: var(--ui-accent-soft);
  /* Status */
  --ui-success: #4b8a73;
  --ui-success-soft: #e8f4ed;
  --ui-warning: #ad6d40;
  --ui-warning-soft: #fbf2eb;
  --ui-danger: #b74f5e;
  --ui-danger-soft: #fbecea;
  /* Spacing and controls */
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 24px;
  --ui-space-7: 32px;
  --ui-space-8: 40px;
  --ui-control-height: 40px;
  --ui-touch-target: 44px;
  /* Geometry */
  --ui-radius-xs: 4px;
  --ui-radius-sm: 8px;
  --ui-radius-md: 12px;
  --ui-radius-lg: 16px;
  --ui-radius-pill: 999px;
  /* Elevation and motion */
  --ui-shadow-subtle: 0 1px 0 rgb(31 28 69 / 3%);
  --ui-shadow-card: 0 12px 32px rgb(32 28 72 / 6%);
  --ui-shadow-float: 0 20px 70px rgb(29 23 67 / 16%);
  --ui-shadow-focus: 0 0 0 3px rgb(101 88 217 / 14%);
  --ui-duration-fast: 150ms;
  --ui-duration-normal: 180ms;
  --ui-ease-standard: ease;

  --ui-topbar-height: 84px;
  --ui-topbar-height-compact: 72px;
  /* Compatibility aliases live at the public theme boundary. Feature
     stylesheets consume these names without redefining the palette. */
  --bg: var(--ui-bg);
  --paper: var(--ui-surface);
  --ink: var(--ui-ink);
  --muted: var(--ui-muted);
  --line: var(--ui-line);
  --line-soft: var(--ui-line);
  --line-strong: var(--ui-line-strong);
  --green: var(--ui-accent);
  --green-light: var(--ui-accent-soft);
  --orange: var(--ui-warning);
  --orange-light: var(--ui-warning-soft);
  --radius: var(--ui-radius-sm);
  --accent-violet: var(--ui-accent);
  --accent-violet-strong: var(--ui-accent-strong);
  --accent-violet-soft: var(--ui-accent-soft);
  --accent-purple: var(--ui-accent);
  --accent-purple-deep: var(--ui-accent-strong);
  --surface-subtle: var(--ui-surface-subtle);
  --surface-muted: var(--ui-surface-muted);
  --surface-tint: var(--ui-accent-soft);
  --surface-soft: var(--ui-surface-subtle);
  --ink-strong: var(--ui-ink);
  --ink-soft: var(--ui-muted);
  --focus-ring: var(--ui-focus);
  --shadow-card: var(--ui-shadow-card);
  --shadow-float: var(--ui-shadow-float);
  --studio-surface: var(--ui-surface);
  --studio-surface-subtle: var(--ui-surface-subtle);
  --studio-bg: var(--ui-bg);
  --accent: var(--ui-accent);
  --touch-target: var(--ui-touch-target);
  color-scheme: light;
}

*,*::before,*::after{box-sizing:border-box}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}