/*
 * Carbon Titanium — shared design tokens for the Tiramisu apex (Tira-Central).
 * The single source of truth for palette/scale/typography. Both the marketing
 * surface (status.css) and the changelog (changelog.css) consume these.
 */

*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

:root {
  color-scheme: dark;

  /* Carbon Titanium */
  --t-on-surface: 232 221 199;
  --t-background: 18 19 22;
  --t-surface: 28 29 34;
  --t-background-l2: 40 41 48;
  --t-background-l3: 52 53 60;
  --t-primary: 226 232 240;
  --t-secondary: 100 116 139;
  --t-accent: var(--t-primary);
  --t-warm: var(--t-secondary);
  --t-success: 74 222 128;
  --t-error: 248 113 113;

  --t-radius-sm: 8px;
  --t-radius-md: 12px;
  --t-radius-lg: 16px;
  --t-radius-xl: 20px;
  --t-radius-pill: 999px;

  --t-border-faint: rgb(var(--t-on-surface) / 0.08);
  --t-border-subtle: rgb(var(--t-on-surface) / 0.13);
  --t-border-strong: rgb(var(--t-on-surface) / 0.2);
  --t-fill-faint: rgb(var(--t-on-surface) / 0.035);
  --t-fill-subtle: rgb(var(--t-on-surface) / 0.07);
  --t-fill-muted: rgb(var(--t-on-surface) / 0.11);
  --t-text: rgb(var(--t-on-surface));
  --t-text-bright: rgb(var(--t-primary));
  --t-text-mid: rgb(var(--t-on-surface) / 0.78);
  --t-text-dim: rgb(var(--t-on-surface) / 0.58);

  --t-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.1);
  --t-shadow-sm: 0 10px 30px rgba(0, 0, 0, 0.16);
  --t-shadow-md: 0 20px 60px rgba(0, 0, 0, 0.22);
  --t-shadow-xl: 0 38px 110px rgba(0, 0, 0, 0.34);
  --t-ease: cubic-bezier(0.2, 0, 0, 1);
  --t-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --t-dur-fast: 140ms;
  --t-dur: 220ms;
  --t-tracking-tight: 0;
  --t-tracking-snug: 0;
}

html {
  min-height: 100%;
  background: rgb(var(--t-background));
  scroll-behavior: smooth;
}

/* Neutral base body. Layout (flex/grid) is owned by each surface's own sheet. */
body {
  min-height: 100vh;
  color: var(--t-text);
  background:
    radial-gradient(circle at top left, rgb(var(--t-primary) / 0.055), transparent 34rem),
    linear-gradient(135deg, rgb(var(--t-background)), rgb(var(--t-background-l2)));
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", Meiryo, sans-serif;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
}