/*
 * Pure-UAST Design System — canonical design tokens
 * Phase 2 foundation. This file is intentionally not wired into legacy runtime.
 * Owner: packages/platform_ui
 */

@layer pu.tokens, pu.typography, pu.reset, pu.foundation, pu.components, pu.pages, pu.utilities;

@layer pu.tokens {
  :root {
    /* Brand and neutral palette */
    --pu-color-primary: #002147;
    --pu-color-primary-hover: #001a38;
    --pu-color-primary-active: #00152e;
    --pu-color-primary-contrast: #ffffff;

    --pu-color-canvas: #f8fafc;
    --pu-color-surface: #ffffff;
    --pu-color-surface-subtle: #f3f6f9;
    --pu-color-surface-strong: #eaf0f6;

    --pu-color-text: #0b2342;
    --pu-color-text-muted: #5f7189;
    --pu-color-text-subtle: #78889b;
    --pu-color-border: #d7e0e9;
    --pu-color-border-strong: #bac8d6;

    /* Semantic colors: meaning only, never decoration/category color. */
    --pu-color-focus: #0b63ce;
    --pu-color-success: #26734d;
    --pu-color-warning: #8a5a00;
    --pu-color-danger: #a12622;
    --pu-color-info: #245e91;

    --pu-color-success-surface: #edf8f1;
    --pu-color-warning-surface: #fff8e8;
    --pu-color-danger-surface: #fff1f0;
    --pu-color-info-surface: #eef6fc;

    /* Typography scale: 12 / 14 / 16 / 18 / 22 / 28 / 36 px equivalent. */
    --pu-type-12: 0.75rem;
    --pu-type-14: 0.875rem;
    --pu-type-16: 1rem;
    --pu-type-18: 1.125rem;
    --pu-type-22: 1.375rem;
    --pu-type-28: 1.75rem;
    --pu-type-36: 2.25rem;

    --pu-weight-regular: 400;
    --pu-weight-medium: 500;
    --pu-weight-bold: 700;

    /* Spacing scale. */
    --pu-space-0: 0;
    --pu-space-1: 0.25rem;
    --pu-space-2: 0.5rem;
    --pu-space-3: 0.75rem;
    --pu-space-4: 1rem;
    --pu-space-6: 1.5rem;
    --pu-space-8: 2rem;
    --pu-space-12: 3rem;
    --pu-space-16: 4rem;

    /* Shape and controls: restrained, not card-heavy. */
    --pu-radius-sm: 0.375rem;
    --pu-radius-md: 0.5rem;
    --pu-radius-lg: 0.75rem;
    --pu-radius-pill: 999px;

    --pu-control-sm: 2.5rem;
    --pu-control-md: 2.75rem;
    --pu-control-lg: 3rem;
    --pu-touch-min: 2.75rem;

    --pu-icon-sm: 1rem;
    --pu-icon-md: 1.25rem;
    --pu-icon-lg: 1.5rem;

    /* Shell geometry. */
    --pu-panel-rail-size: 9.75rem;
    --pu-header-size: 4.5rem;
    --pu-content-max: 100rem;
    --pu-reading-max: 48rem;

    /* One documented responsive system. CSS/JS consumers must reuse these values. */
    --pu-breakpoint-compact: 40rem;
    --pu-breakpoint-rail: 60rem;
    --pu-breakpoint-wide: 80rem;

    /* Elevation is reserved for true overlay/layer semantics. */
    --pu-shadow-popover: 0 0.625rem 1.875rem rgb(11 35 66 / 0.10);
    --pu-shadow-dialog: 0 1rem 3rem rgb(11 35 66 / 0.14);

    /* Calm motion. Core understanding must never depend on motion. */
    --pu-motion-fast: 120ms;
    --pu-motion-standard: 180ms;
    --pu-ease-standard: cubic-bezier(0.2, 0, 0, 1);

    /* Layer/z-index contract. */
    --pu-z-base: 0;
    --pu-z-sticky: 20;
    --pu-z-drawer: 40;
    --pu-z-popover: 60;
    --pu-z-dialog: 80;
    --pu-z-toast: 100;
  }
}