@import url("./fonts/fonts.css");

:root {
  /* Backgrounds */
  --tvm-bg:            #ffffff;
  --tvm-bg-secondary:  #f5f5f7;
  --tvm-bg-tertiary:   #fbfbfd;
  --tvm-bg-inverse:    #1d1d1f;
  --tvm-bg-footer:     #111111;

  /* Text */
  --tvm-text:          #1d1d1f;
  --tvm-text-2:        #6e6e73;
  --tvm-text-3:        #aeaeb2;
  --tvm-text-on-dark:           rgba(255, 255, 255, 1);
  --tvm-text-2-on-dark:         rgba(255, 255, 255, 0.55);
  --tvm-text-3-on-dark:         rgba(255, 255, 255, 0.30);

  /* Accent */
  --tvm-accent:        #0071e3;
  --tvm-accent-hover:  #0077ed;
  --tvm-accent-soft:   #f0f7ff;

  /* Borders */
  --tvm-border:        rgba(0, 0, 0, 0.08);
  --tvm-border-mid:    rgba(0, 0, 0, 0.14);
  --tvm-border-strong: rgba(0, 0, 0, 0.22);

  /* Semantic */
  --tvm-red:           #d32f2f;
  --tvm-red-bg:        #fff2f2;
  --tvm-green:         #34c759;
  --tvm-amber:         #b8860b;
  --tvm-amber-bg:      rgba(255, 165, 0, 0.10);

  /* Receipt */
  --tvm-receipt-paper: #fffff8;

  /* Radii */
  --tvm-radius-xs:   6px;
  --tvm-radius-sm:  10px;
  --tvm-radius-md:  16px;
  --tvm-radius-lg:  24px;
  --tvm-radius-xl:  32px;
  --tvm-radius-pill: 100px;

  /* Spacing */
  --tvm-space-1:   4px;
  --tvm-space-2:   8px;
  --tvm-space-3:  12px;
  --tvm-space-4:  16px;
  --tvm-space-5:  24px;
  --tvm-space-6:  32px;
  --tvm-space-7:  48px;
  --tvm-space-8:  64px;
  --tvm-space-9:  80px;
  --tvm-space-10: 100px;
  --tvm-space-11: 120px;
  --tvm-space-12: 180px;

  /* Layout */
  --tvm-container:        1160px;
  --tvm-container-narrow:  800px;

  /* Shadows */
  --tvm-shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --tvm-shadow-md: 0 4px 16px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04);
  --tvm-shadow-lg: 0 8px 40px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.04);
  --tvm-shadow-xl: 0 20px 60px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.06);

  /* Motion */
  --tvm-ease:       cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --tvm-ease-out:   cubic-bezier(0.22, 0.61, 0.36, 1);
  --tvm-dur-fast:   0.15s;
  --tvm-dur:        0.22s;
  --tvm-dur-slow:   0.7s;

  /* Font stacks */
  --tvm-font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont,
                      "Helvetica Neue", Arial, sans-serif;
  --tvm-font-mono:    "SF Mono", ui-monospace, "Cascadia Mono",
                      "Roboto Mono", "Courier New", monospace;

  /* iOS 26 Liquid Glass */
  --ios-glass-bg:     rgba(255, 255, 255, 0.62);
  --ios-glass-blur:   blur(40px) saturate(1.8) brightness(1.05);
  --ios-glass-border: 1px solid rgba(255, 255, 255, 0.75);
  --ios-glass-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.06),
                      inset 0 1px 0 rgba(255, 255, 255, 0.9),
                      0 8px 32px rgba(0, 0, 0, 0.08);
}