/*! Draftingware Confidential. Copyright (c) 2024–2026 Draftingware Technologies Pvt. Ltd. All rights reserved. */

:root {
  /* Colors — backgrounds */
  --color-bg-base:    #F5F5F7;
  --color-bg-surface: #FFFFFF;
  --color-bg-nav:     rgba(245, 245, 247, 0.88);
  --color-bg-menu:    rgba(245, 245, 247, 0.96);

  /* Colors — text */
  --color-text-primary:   #1D1D1F;
  --color-text-secondary: #6E6E73;
  --color-text-tertiary:  #8A8A8E;

  /* Colors — on-dark */
  --color-ondark-primary: #1D1D1F;
  --color-ondark-body:    #6E6E73;
  --color-ondark-label:   rgba(0, 0, 0, 0.45);
  --color-ondark-hint:    rgba(0, 0, 0, 0.28);

  /* Colors — accent */
  --color-accent-amber: #4B61DD;
  --color-accent-blue:  rgba(75, 97, 221, 0.08);

  /* Colors — borders */
  --color-border-subtle:  rgba(0, 0, 0, 0.08);
  --color-border-herobox: transparent;
  --color-border-accent:  rgba(75, 97, 221, 0.20);

  /* Typography — font stacks */
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  --font-mono:    "Fira Code", "SF Mono", "Courier New", monospace;

  /* Typography — display/hero */
  --type-hero-size:    96px;
  --type-hero-lh:      93px;
  --type-hero-ls:      -0.04em;
  --type-hero-weight:  700;

  /* Typography — section heading */
  --type-section-size:   50px;
  --type-section-lh:     53px;
  --type-section-ls:     -0.025em;
  --type-section-weight: 700;

  /* Typography — menu heading */
  --type-menu-size:   72px;
  --type-menu-lh:     76px;
  --type-menu-ls:     -0.03em;
  --type-menu-weight: 700;

  /* Typography — body */
  --type-subhead-size: 18px;
  --type-subhead-lh:   31px;
  --type-body-size:    17px;
  --type-body-lh:      30px;
  --type-small-size:   13px;
  --type-small-lh:     22px;

  /* Typography — mono */
  --type-mono-nav-size:   10px;
  --type-mono-nav-ls:     0.12em;
  --type-mono-label-size: 10px;
  --type-mono-label-ls:   0.14em;
  --type-mono-hud-size:   8px;
  --type-mono-hud-ls:     0.12em;

  /* Spacing — 8px grid */
  --space-1:  8px;
  --space-2:  16px;
  --space-3:  24px;
  --space-4:  32px;
  --space-5:  40px;
  --space-6:  48px;
  --space-8:  64px;
  --space-10: 80px;
  --space-12: 96px;
  --space-15: 120px;

  /* Layout */
  --layout-nav-height:    64px;
  --section-pad-v:        var(--space-15);
  --section-pad-v-mobile: var(--space-10);
  --content-max-width:    1280px;
  --page-margin:          80px;
  --page-margin-mobile:   24px;
  --hero-box-width:       1400px;
  --hero-box-height:      860px;
  --hero-box-radius:      32px;

  /* Easing */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:   cubic-bezier(0.4, 0, 0.2, 1);

  /* Transitions */
  --transition-fast:   160ms var(--ease-out-expo);
  --transition-medium: 320ms var(--ease-out-expo);
  --transition-slow:   560ms var(--ease-out-expo);
}