﻿/* Canonical application foundations. Canvas world geometry and user styles are not tokens. */
@font-face{font-family:'Dashboard OCR A';src:local('OCR A Extended'),local('OCRAExtended');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('./fonts/PlusJakartaSans-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{
 --ink:#1a1916;--ink2:#4a4940;--ink3:#8a8880;--ink4:#c0bdb4;
 --bg:#faf9f6;--bg2:#f2f0eb;--bg3:#e8e5de;--bg4:#d8d4cc;
 --deadline:#E87822;--warn:#9a5020;--warn-bg:rgba(154,80,32,.07);
 --ui-font-title-block:'Plus Jakarta Sans',Arial,system-ui,sans-serif;--font-ui:var(--ui-font-title-block);--ui-font-ocr:'Dashboard OCR A',var(--font-ui);--ui-content-weight:400;--ui-metadata-size:11px;
 --ui-wordmark-size:24px;--ui-wordmark-size-medium:22px;--ui-wordmark-size-small:20px;--ui-wordmark-weight:500;--ui-wordmark-tracking:.06em;
 --project-rail-width:220px;--planning-left-column-width:var(--project-rail-width);--ui-primary-row-height:125px;--ui-control-strip-height:50px;--ui-project-selector-font-size:12px;--ui-type-description:10.667px;--ui-tracking-ocr:0px;--ui-tracking-primary-nav:.05em;
 --ui-font-technical:var(--font-ui);--ui-font-technical-label:var(--ui-font-title-block);--ui-font-technical-value:var(--font-ui);--ui-tracking-technical-label:.05em;--ui-technical-label-gap:8px;--ui-type-display:28px;--ui-type-page:24px;--ui-type-modal:17px;--ui-type-section:16px;--ui-type-subsection:13px;--ui-type-body:12px;--ui-type-label:10px;--ui-type-meta:var(--ui-metadata-size);--ui-type-caption:10px;--ui-type-control:11px;
 --ui-weight-normal:400;--ui-weight-emphasis:500;--ui-leading-body:1.6;--ui-leading-control:1.2;--ui-tracking-label:0;--ui-tracking-control:0;
 --ui-space-1:4px;--ui-space-label:6px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:20px;--ui-space-6:24px;--ui-space-dialog-x:28px;--ui-space-8:32px;--ui-space-12:48px;
 --ui-surface:var(--bg);--ui-surface-secondary:var(--bg2);--ui-text:var(--ink);--ui-text-secondary:var(--ink2);--ui-text-muted:var(--ink3);
 --ui-danger:#a53629;--ui-warning:#94611b;--ui-success:#446344;--ui-delay:var(--deadline);--ui-out-of-range:var(--ui-danger);--ui-selection:var(--bg3);
 --ui-border-width:1px;--ui-border:var(--bg4);--ui-border-subtle:var(--bg3);--ui-border-strong:var(--ink3);--ui-border-active:var(--ink);--ui-focus:var(--ink2);
 --control-radius:0px;--ui-radius-surface:4px;--ui-radius-circle:50%;
 --ui-shadow-none:none;--ui-shadow-popover:0 4px 12px #0002;--ui-shadow-menu:0 8px 24px rgba(0,0,0,.12);--ui-shadow-modal:0 18px 48px rgba(0,0,0,.2);
 --ui-gantt-task-title-size:10.667px;--ui-gantt-task-meta-size:8.667px;
 --ui-font-header:var(--font-ui);--ui-type-header:var(--ui-type-label);--ui-type-r2-label:8.667px;--ui-weight-header:var(--ui-weight-normal);--ui-tracking-header:.1em;--ui-type-row-three:9px;--ui-mono-list-size:10.667px;
 --ui-header-zoom-width:138px;--ui-header-scale-width:322px;--ui-files-browser-inset:var(--ui-space-4);
 --ui-utility-wordmark-size:9px;--ui-utility-wordmark-tracking:.1em;
 --ui-control-height:32px;--ui-control-compact:28px;--ui-control-pad-x:10px;--ui-menu-row:32px;--ui-icon-size:16px;--ui-icon-stroke:1.5;--ui-icon-button:32px;
 --ui-slider-hit:24px;--ui-slider-track:2px;--ui-slider-thumb:8px;
 --ui-modal-sm:440px;--ui-modal-md:540px;--ui-modal-lg:780px;
 --ui-motion-fast:120ms;--ui-motion-popover:150ms;--ui-motion-modal:180ms;--ui-motion-attention:3.5s;--ui-ease:ease;--ui-disabled-opacity:.6;
 --ui-z-menu:10080;--ui-z-modal:25000;--ui-z-canvas-popover:120000;--ui-z-tooltip:125000;
 --ui-select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%236b6964' stroke-width='1.3'/%3E%3C/svg%3E");
}
:root{--ui-type-display-compact:20px;--ui-type-page-compact:21px}

:root{--ui-type-compact:10px;--ui-tracking-compact:0}

:root{--ui-type-nav-badge:8px;--ui-radius-badge:8px}

/* Interaction roles shared by application controls, never Canvas world geometry. */
:root{--ui-type-code:22px;--ui-tracking-code:.25em;--ui-focus-offset:2px;--ui-check-size:14px;--ui-tooltip-width:320px;--ui-modal-gutter:var(--ui-space-dialog-x);--ui-section-gap:var(--ui-space-6);--ui-border-danger:var(--ui-danger);--ui-border-warning:var(--ui-warning);--ui-shadow-floating:var(--ui-shadow-popover);--ui-backdrop:rgba(26,25,22,.42)}
