@import "./design-system/tokens.css";
/* Anpdf Unified Light — approved 2026-10-10. Authority: ../DESIGN.md. */
:root,
[data-an-theme="light"] {
  color-scheme: light;

  /* Shared interface palette; document and annotation colors are independent. */
  --an-color-text: var(--text);
  --an-color-text-secondary: var(--text-secondary);
  --an-color-text-inverse: var(--text-inverse);
  --an-color-surface: var(--surface);
  --an-color-panel: var(--panel);
  --an-color-rail: var(--rail);
  --an-color-thumbnail: var(--thumbnail);
  --an-color-workspace: var(--workspace);
  --an-color-overlay: var(--overlay);
  --an-color-primary: var(--primary);
  --an-color-primary-hover: var(--primary-hover);
  --an-color-primary-pressed: var(--primary-pressed);
  --an-color-selected: var(--selected);
  --an-color-focus: var(--focus);
  --an-color-border: var(--border);
  --an-color-field-border: var(--field-border);
  --an-color-hover: var(--hover);
  --an-color-pressed: var(--pressed);
  --an-color-disabled-text: var(--disabled-text);
  --an-color-disabled-surface: var(--disabled-surface);
  --an-color-danger: var(--danger);
  --an-color-success: var(--success);
  --an-color-warning: var(--warning);
  --an-color-backdrop: var(--backdrop);
  --an-color-tooltip: var(--tooltip);

  /* Shared interface typography. */
  --an-font-sans: var(--font-sans);
  --an-font-mono: var(--font-mono);
  --an-weight-regular: 400;
  --an-weight-medium: 500;
  --an-weight-bold: 600;
  --an-text-sm: 12px;
  --an-line-sm: 1.5;
  --an-text-md: 14px;
  --an-line-md: 1.57;
  --an-text-lg: 18px;
  --an-line-lg: 1.44;
  --an-heading-sm: 24px;
  --an-heading-sm-line: 1.16;
  --an-heading-md: 32px;
  --an-heading-md-line: 1.125;
  --an-heading-lg: 48px;
  --an-heading-lg-line: 1.16;
  --an-tracking-normal: normal;
  --an-tracking-lg: -0.2px;
  --an-tracking-heading-md: -0.5px;
  --an-tracking-heading-lg: -1.2px;

  /* Documented Loom / ADS spacing scale */
  --an-space-0: var(--space-0);
  --an-space-2: var(--space-2);
  --an-space-4: var(--space-4);
  --an-space-6: var(--space-6);
  --an-space-8: var(--space-8);
  --an-space-12: var(--space-12);
  --an-space-16: var(--space-16);
  --an-space-20: var(--space-20);
  --an-space-24: var(--space-24);
  --an-space-32: var(--space-32);
  --an-space-40: var(--space-40);
  --an-space-48: var(--space-48);
  --an-space-64: var(--space-64);
  --an-space-80: var(--space-80);

  --an-radius-2: var(--radius-2);
  --an-radius-4: var(--radius-4);
  --an-radius-6: var(--radius-6);
  --an-radius-8: var(--radius-8);
  --an-radius-12: var(--radius-12);
  --an-radius-16: var(--radius-16);
  --an-radius-full: var(--radius-full);
  --an-border-width: var(--border-width);
  --an-focus-width: var(--focus-width);
  --an-focus-offset: var(--focus-offset);

  --an-shadow-small: var(--shadow-small);
  --an-shadow-medium: var(--shadow-medium);
  --an-shadow-large: var(--shadow-large);
  --an-shadow-source-panel: 0 0 20px rgb(0 0 0 / 15%),
    0 25px 30px rgb(0 0 0 / 35%);

  /* Shared control geometry. */
  --an-button-small-height: var(--button-small-height);
  --an-button-medium-height: var(--button-medium-height);
  --an-button-large-height: var(--button-large-height);
  --an-button-padding-x: var(--button-padding-x);
  --an-button-large-padding-x: var(--button-large-padding-x);
  --an-button-radius: var(--radius-8);
  --an-button-icon-gap: var(--an-space-8);
  --an-button-small-icon: var(--button-small-icon);
  --an-button-icon: var(--icon-medium);
  --an-icon-button-small: var(--icon-button-small);
  --an-icon-button-medium: var(--icon-button-medium);
  --an-icon-button-large: var(--icon-button-large);
  --an-icon-small: var(--icon-small);
  --an-icon-medium: var(--icon-medium);
  --an-icon-large: var(--icon-large);
  --an-icon-button-small-radius: var(--an-radius-4);
  --an-icon-button-medium-radius: var(--an-radius-full);
  --an-icon-button-large-radius: var(--an-radius-8);
  --an-icon-svg-padding: 0;
  --an-input-small-height: var(--input-small-height);
  --an-input-medium-height: var(--input-medium-height);
  --an-input-large-height: var(--input-large-height);
  --an-input-small-radius: var(--an-radius-8);
  --an-input-medium-radius: var(--an-radius-8);
  --an-input-large-radius: var(--an-radius-12);
  --an-input-padding-x: var(--input-padding-x);
  --an-input-large-padding-x: 16px;
  --an-panel-width-small: var(--panel-width-small);
  --an-panel-width-medium: var(--panel-width-medium);
  --an-panel-padding: 20px;
  --an-panel-radius: var(--radius-16);
  --an-menu-width: var(--menu-width);
  --an-menu-width-wide: var(--menu-width-wide);
  --an-menu-item-min-height: var(--menu-item-min-height);
  --an-menu-item-padding-x: var(--menu-item-padding-x);
  --an-menu-icon-gap: 8px;

  /* Anpdf mappings and additions: not dimensions measured in Loom */
  --an-shell-inset: var(--an-space-16);
  --an-toolbar-height: var(--toolbar-height);
  --an-toolbar-padding-x: 16px;
  --an-toolbar-padding-y: 8px;
  --an-toolbar-tool-gap: var(--an-space-8);
  --an-toolbar-group-gap: var(--an-space-20);
  --an-properties-min-height: var(--properties-min-height);
  --an-properties-padding-x: 16px;
  --an-properties-padding-y: 8px;
  --an-shell-row-gap: var(--an-space-8);
  --an-workspace-gap: var(--an-space-16);
  --an-sidebar-width: var(--sidebar-default);
  --an-sidebar-inner-width: 240px;
  --an-thumbnail-max-side: 152px;
  --an-document-padding: var(--an-space-24);
  --an-page-gap: var(--an-space-24);
  --an-page-radius: 0px;
  --an-page-shadow: var(--an-shadow-small);
  --an-navigation-min-height: var(--navigation-min-height);
  --an-navigation-inset: var(--an-space-16);
  --an-document-bottom-clearance: 96px;
  --an-dialog-width: var(--dialog-width-standard);
  --an-signature-dialog-width: 480px;
  --an-signature-canvas-width: 440px;
  --an-signature-canvas-height: 176px;
  --an-welcome-max-width: var(--start-card-max-width);
  --an-selection-line-width: 1px;
  --an-selection-halo-width: 1px;
  --an-selection-handle-size: var(--selection-handle-size);
  --an-selection-handle-hit: 16px;
  --an-selection-handle-radius: var(--an-radius-2);
  --an-rotation-handle-size: 16px;
  --an-rotation-handle-hit: 24px;
  --an-rotation-handle-offset: 24px;
  --an-object-toolbar-gap: 8px;
  --an-object-toolbar-radius: var(--an-radius-8);
  --an-tooltip-radius: var(--radius-6);
  --an-checkbox-size: 16px;
  --an-slider-track-size: var(--slider-track-size);
  --an-slider-thumb-size: var(--slider-thumb-size);
  --an-swatch-size: var(--swatch-size);
  --an-swatch-hit-size: var(--swatch-hit-size);
  --an-spinner-size: 16px;
  --an-duration-fast: 120ms;
  --an-duration-normal: 160ms;
  --an-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --an-z-content: var(--z-content);
  --an-z-selection: var(--z-selection);
  --an-z-panels: var(--z-panels);
  --an-z-floating: var(--z-floating);
  --an-z-menu: var(--z-menu);
  --an-z-drop: var(--z-drop);
  --an-z-backdrop: var(--z-backdrop);
  --an-z-dialog: var(--z-dialog);
  --an-z-tooltip: var(--z-tooltip);
  --an-z-notification: var(--z-notification);
}

@media (prefers-reduced-motion: reduce) {
  :root,
  [data-an-theme="light"] {
    --an-duration-fast: 0ms;
    --an-duration-normal: 0ms;
  }
}