@font-face {
  font-family: "Noto Serif Tamil";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("/fonts/noto-serif-tamil-variable.woff2") format("woff2");
  unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}

@font-face {
  font-family: "Noto Serif Tamil";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("/fonts/noto-serif-tamil-latin-variable.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Catamaran";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/fonts/catamaran-variable.woff2") format("woff2");
  unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}

@font-face {
  font-family: "Catamaran";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/fonts/catamaran-latin-variable.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/space-grotesk-variable.woff2") format("woff2");
}

:root {
  color-scheme: light;

  --color-paper: #fbfaf6;
  --color-card: #ffffff;
  --color-ink: #1b1b24;
  --color-secondary: #5c5c68;
  --color-tertiary: #94949e;
  --color-meta-accessible: #6b6b76;
  --color-brand: #171c3f;
  --color-brand-deep: #101430;
  --color-gold: #e8b23a;
  --color-politics: #c62839;
  --color-economy: #0a7d5c;
  --color-world: #2557a7;
  --color-city: #0e8a93;
  --color-city-text: #08727a;
  --color-cinema: #93379b;
  --color-sports: #d97706;
  --color-sports-text: #a85a00;
  --color-breaking: #d0202f;
  --color-positive: #0a7d5c;
  --color-negative: #d0202f;
  --color-sand: #f6eedc;
  --color-border: #e7e4dc;
  --color-border-dark: rgba(255, 255, 255, 0.18);
  --color-dark-muted: #c8c9d3;
  --color-dark-subtle: #aeb0c1;
  --color-overlay-dark: rgba(16, 20, 48, 0.72);
  --color-overlay-texture: rgba(255, 255, 255, 0.025);
  --color-scrim: rgba(16, 20, 48, 0.88);
  --color-focus-light: #1b1b24;
  --color-focus-dark: #e8b23a;
  --color-pulse: rgba(208, 32, 47, 0.34);
  --color-card-hover: rgba(27, 27, 36, 0.1);
  --color-photo-skeleton: #dedbd3;

  --section-color: var(--color-politics);
  --section-text-color: var(--color-politics);

  --spectrum-gradient: linear-gradient(
    90deg,
    var(--color-politics) 0%,
    var(--color-politics) 16.666%,
    var(--color-economy) 16.666%,
    var(--color-economy) 33.333%,
    var(--color-world) 33.333%,
    var(--color-world) 50%,
    var(--color-city) 50%,
    var(--color-city) 66.666%,
    var(--color-cinema) 66.666%,
    var(--color-cinema) 83.333%,
    var(--color-sports) 83.333%,
    var(--color-sports) 100%
  );

  --font-serif: "Noto Serif Tamil", Georgia, serif;
  --font-ui: "Catamaran", Arial, sans-serif;
  --font-data: "Space Grotesk", "Catamaran", "Arial Narrow", sans-serif;

  --type-12: 0.75rem;
  --type-13-5: 0.84375rem;
  --type-15: 0.9375rem;
  --type-17-5: 1.09375rem;
  --type-19: 1.1875rem;
  --type-22: 1.375rem;
  --type-27: 1.6875rem;
  --type-34: 2.125rem;
  --type-42: 2.625rem;
  --type-56: 3.5rem;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;
  --weight-black: 900;

  --leading-solid: 1;
  --leading-ui: 1.45;
  --leading-headline: 1.45;
  --leading-body: 2;
  --leading-compact-body: 1.9;
  --tracking-label: 0.06em;
  --tracking-data: -0.015em;

  --space-0: 0;
  --space-4: 0.25rem;
  --space-8: 0.5rem;
  --space-12: 0.75rem;
  --space-16: 1rem;
  --space-20: 1.25rem;
  --space-24: 1.5rem;
  --space-28: 1.75rem;
  --space-32: 2rem;
  --space-44: 2.75rem;
  --space-48: 3rem;
  --space-52: 3.25rem;
  --space-56: 3.5rem;
  --space-64: 4rem;

  --size-full: 100%;
  --size-half: 50%;
  --size-screen: 100vh;
  --container-max: 76.25rem;
  --article-measure: 64ch;
  --article-wide: 50rem;
  --logo-height-desktop: 3.5rem;
  --logo-height-mobile: 2.5rem;
  --target-min: 2.75rem;
  --target-mobile: 3rem;
  --icon-size: 1.5rem;
  --avatar-size: 3rem;
  --live-dot-size: 0.5rem;
  --spectrum-height: 0.25rem;
  --nav-underline-height: 0.1875rem;
  --rule-thickness: 0.0625rem;
  --focus-thickness: 0.125rem;
  --focus-offset: 0.1875rem;
  --article-rule-width: 3.25rem;
  --pullquote-rule-width: 0.3125rem;
  --market-item-min: 9.5rem;

  --grid-columns: repeat(12, minmax(0, 1fr));
  --grid-gap: var(--space-24);
  --page-gutter: var(--space-28);
  --page-gutter-mobile: var(--space-20);

  --radius-card: 0.375rem;
  --radius-control: 0.1875rem;
  --radius-micro: 0.125rem;
  --radius-circle: 50%;

  --border-rest: var(--rule-thickness) solid var(--color-border);
  --border-dark: var(--rule-thickness) solid var(--color-border-dark);
  --shadow-rest: none;
  --shadow-hover: 0 0.875rem 2.125rem var(--color-card-hover);
  --lift-hover: translateY(-0.1875rem);

  --motion-fast: 160ms;
  --motion-reduced: 0.01ms;
  --motion-ease: ease;
  --transition-card: color var(--motion-fast) var(--motion-ease),
    transform var(--motion-fast) var(--motion-ease),
    box-shadow var(--motion-fast) var(--motion-ease);
  --transition-color: color var(--motion-fast) var(--motion-ease),
    background-color var(--motion-fast) var(--motion-ease),
    border-color var(--motion-fast) var(--motion-ease);

  --opacity-muted-texture: 0.03;
  --opacity-dark-texture: 0.12;
  --opacity-disabled: 0.64;
  --gradient-fade-stop: 70%;

  --aspect-hero: 16 / 9;
  --aspect-card: 3 / 2;
  --aspect-square: 1 / 1;
  --object-position-news: 50% 50%;

  --clamp-dek: 2;
  --clamp-summary: 3;
  --clamp-headline: 3;

  --z-base: 1;
  --z-header: 20;
  --z-progress: 40;
  --z-skip: 60;

  --ticker-duration: 42s;
  --ticker-shift: -50%;
  --pulse-duration: 1.6s;

  --paper-texture-1x: url("/images/paper-grain-512.webp");
  --paper-texture-2x: url("/images/paper-grain-1024.webp");
  --masthead-texture-1x: url("/images/indigo-texture-1280.webp");
  --masthead-texture-2x: url("/images/indigo-texture-2560.webp");
  --opinion-texture-1x: url("/images/opinion-wash-1280.webp");
  --opinion-texture-2x: url("/images/opinion-wash-2560.webp");
  --footer-texture-1x: url("/images/footer-texture-1280.webp");
  --footer-texture-2x: url("/images/footer-texture-2560.webp");
}

@media (max-width: 42.5rem) {
  :root {
    --page-gutter: var(--page-gutter-mobile);
    --grid-gap: var(--space-16);
  }
}