/* ==========================================================================
   1TAKE COLLECTIVE (1TC) - LUXURY EDITORIAL TOKENS
   Awwwards-Caliber Design System
   ========================================================================== */

/* Malinton Font Family (WOFF2 Web-Optimized) */
@font-face {
  font-family: 'Malinton';
  src: url('../assets/fonts/Malinton-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Malinton';
  src: url('../assets/fonts/Malinton-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Malinton';
  src: url('../assets/fonts/Malinton-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Malinton';
  src: url('../assets/fonts/Malinton-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Malinton';
  src: url('../assets/fonts/Malinton-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Malinton';
  src: url('../assets/fonts/Malinton-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Malinton';
  src: url('../assets/fonts/Malinton-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand Palette (Official Guidelines) */
  --c-navy: #08272C;              /* Deep Navy Teal Base */
  --c-navy-dark: #041417;         /* Night Horizon */
  --c-navy-deep: #02090B;         /* Void Cinema */
  --c-navy-surface: #0E353B;      /* Layer Surface */

  --c-orange: #F96527;            /* Electric Coral Orange Accent */
  --c-orange-bright: #FC4C01;     /* High-Vibrancy Accent */
  --c-orange-glow: rgba(249, 101, 39, 0.45);
  --c-orange-faint: rgba(249, 101, 39, 0.08);

  --c-muted-blue: #6499AE;        /* Slate Sky */
  --c-muted-blue-soft: rgba(100, 153, 174, 0.16);
  --c-muted-blue-border: rgba(100, 153, 174, 0.22);

  --c-baige: #F7F6F2;             /* Pristine Ivory Baige */
  --c-baige-dim: rgba(247, 246, 242, 0.72);
  --c-baige-muted: rgba(247, 246, 242, 0.45);
  --c-baige-faint: rgba(247, 246, 242, 0.12);

  /* Typography */
  --font-display: 'Malinton', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'SF Mono', 'Roboto Mono', Monaco, Consolas, monospace;

  /* Editorial Typography Scale */
  --text-hero-giant: clamp(3.8rem, 11vw, 12.5rem);
  --text-section-giant: clamp(3rem, 8vw, 8.5rem);
  --text-h2: clamp(2.2rem, 5vw, 4.8rem);
  --text-h3: clamp(1.6rem, 3.2vw, 2.8rem);
  --text-body-lg: clamp(1.15rem, 1.6vw, 1.55rem);
  --text-body: 1rem;
  --text-sm: 0.875rem;
  --text-mono-xs: 0.75rem;

  /* Layout */
  --container-width: 92vw;
  --container-max: 1680px;
  --header-height: 90px;

  /* Curves & Easings */
  --ease-cinematic: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Elevation */
  --shadow-cinema: 0 30px 80px rgba(0, 0, 0, 0.7);
  --shadow-glow: 0 0 50px rgba(249, 101, 39, 0.35);

  /* Z-Index Hierarchy */
  --z-canvas: 0;
  --z-content: 10;
  --z-nav: 100;
  --z-follower: 200;
  --z-modal: 500;
  --z-preloader: 1000;
  --z-cursor: 9999;
}
