/* Trillion OS semantic tokens v1. Product prototypes; review before production use. */
@font-face { font-family: InterVariable; src: url("./assets/fonts/InterVariable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
:root {
  color-scheme: light dark;
  --tr-font: InterVariable, Inter, "Segoe UI", Arial, sans-serif;
  --tr-canvas: light-dark(#F5F8FC, #0B111B);
  --tr-surface: light-dark(#FFFFFF, #121D2B);
  --tr-surface-soft: light-dark(#EDF2F8, #1A293B);
  --tr-text: light-dark(#172335, #EDF4FC);
  --tr-muted: light-dark(#56677D, #A9B9CE);
  --tr-border: light-dark(#D6E0EB, #2B3B50);
  --tr-control-border: light-dark(#7C8DA2, #788DA6);
  --tr-action: light-dark(#225DE8, #8DB9FF);
  --tr-action-hover: light-dark(#164DD1, #ADCDFF);
  --tr-on-action: light-dark(#FFFFFF, #0B1B34);
  --tr-link: light-dark(#205ACF, #9DC2FF);
  --tr-selected: light-dark(#E7F0FF, #1B3456);
  --tr-selected-text: light-dark(#174AAB, #C4DEFF);
  --tr-focus: light-dark(#225DE8, #A7CCFF);
  --tr-success: light-dark(#176847, #91DBB1);
  --tr-success-surface: light-dark(#E8F5ED, #17372B);
  --tr-warning: light-dark(#875000, #F3CE83);
  --tr-warning-surface: light-dark(#FFF3D8, #392C17);
  --tr-danger: light-dark(#AB2D41, #FFAFBB);
  --tr-danger-surface: light-dark(#FDECEF, #3A202D);
  --tr-ice: light-dark(#B9DFF6, #91BDDC);
  --tr-glass-tint: light-dark(#F4FAFF, #16283D);
  --tr-glass: light-dark(rgb(244 250 255 / 0.78), rgb(22 40 61 / 0.82));
  --tr-glass-blur: 24px;
  --tr-radius-input: 10px;
  --tr-radius-button: 12px;
  --tr-radius-surface: 18px;
  --tr-radius-glass-shell: 24px;
  --tr-radius-pill: 999px;
  --tr-space-4: 4px;
  --tr-space-8: 8px;
  --tr-space-12: 12px;
  --tr-space-16: 16px;
  --tr-space-20: 20px;
  --tr-space-24: 24px;
  --tr-space-32: 32px;
  --tr-space-40: 40px;
  --tr-space-48: 48px;
  --tr-space-64: 64px;
  --tr-motion-micro: 140ms;
  --tr-motion-surface: 220ms;
  --tr-ease: cubic-bezier(.2,.8,.2,1);
}
[data-theme="light"] { color-scheme: light; }
[data-theme="dark"] { color-scheme: dark; }
@media(prefers-reduced-motion:reduce) { :root { --tr-motion-micro: 0ms; --tr-motion-surface: 0ms; } }
@media(prefers-reduced-transparency:reduce) { :root { --tr-glass: var(--tr-surface); --tr-glass-blur: 0px; } }