/* ============================================================
   UbidTech Design Tokens
   Generated from the UbidTech design system (tokens.json)
   Do not hand-edit values here without updating the source system.
   ============================================================ */

:root {
  /* Color */
  --color-ink: #0D253D;
  --color-ink-deep: #08192B;
  --color-primary: #533AFD;
  --color-primary-deep: #4434D4;
  --color-primary-soft: #665EFD;
  --color-brand-blue: #2F43FC;
  --color-brand-purple: #C17FFD;
  --color-cream: #F5E9D4;
  --color-canvas: #FFFFFF;
  --color-canvas-soft: #F6F9FC;
  --color-border: #E3E8EE;
  --color-text-secondary: #64748D;
  --color-on-primary: #FFFFFF;
  --color-on-ink: #FFFFFF;
  --color-on-ink-secondary: #A9B4C6;
  --color-focus-ring: #533AFD;

  /* Type */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --display-xl-size: 64px;   --display-xl-line: 68px;   --display-xl-weight: 300; --display-xl-tracking: -0.04em;
  --display-lg-size: 56px;   --display-lg-line: 60px;   --display-lg-weight: 300; --display-lg-tracking: -0.04em;
  --display-md-size: 48px;   --display-md-line: 52px;   --display-md-weight: 300; --display-md-tracking: -0.03em;

  --heading-lg-size: 40px;   --heading-lg-line: 46px;   --heading-lg-weight: 300; --heading-lg-tracking: -0.02em;
  --heading-md-size: 32px;   --heading-md-line: 38px;   --heading-md-weight: 400; --heading-md-tracking: -0.01em;
  --heading-sm-size: 28px;   --heading-sm-line: 34px;   --heading-sm-weight: 400; --heading-sm-tracking: -0.01em;

  --body-lg-size: 17px;      --body-lg-line: 26px;      --body-lg-weight: 400;
  --body-md-size: 15px;      --body-md-line: 24px;      --body-md-weight: 400;

  --caption-size: 13px;      --caption-line: 18px;      --caption-weight: 500; --caption-tracking: 0.01em;
  --micro-size: 12px;        --micro-line: 16px;        --micro-weight: 600;   --micro-tracking: 0.08em;
  --button-size: 15px;       --button-line: 20px;       --button-weight: 500; --button-tracking: -0.01em;

  /* Spacing (8px base unit) */
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --space-128: 128px;

  /* Radius */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 9999px;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(13, 37, 61, 0.06);
  --shadow-md: 0 8px 24px rgba(13, 37, 61, 0.08);
  --shadow-lg: 0 24px 64px rgba(13, 37, 61, 0.14);

  /* Layout */
  --container-max: 1280px;
  --container-pad: 24px;

  /* Motion */
  --ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 200ms;
  --duration-base: 400ms;
  --duration-slow: 700ms;
}