/**
 * Rise Theme Variables - Complete Arc Design System
 * Extracted from Rise 360
 */

:root {
  /* Arc Colors - Full Palette */
  --arc-color-blue-050: #f0fbff;
  --arc-color-blue-100: #ddf4fd;
  --arc-color-blue-600: #0075cf;
  --arc-color-neutral-100: #ededed;
  --arc-color-neutral-700: #636363;
  --arc-color-mono-black: #000;
  --arc-color-mono-white: #fff;
  
  /* Arc Alpha Colors */
  --arc-color-alpha-black-10: #0000001a;
  --arc-color-alpha-black-50: #00000080;
  --arc-color-alpha-white-70: #ffffffb3;
  
  /* Arc Semantic Colors */
  --arc-color-border-standard: var(--arc-color-alpha-black-10);
  --arc-color-overlay-dark: var(--arc-color-alpha-black-50);
  
  /* Arc Typography */
  --arc-font-size-base: 1;
  --arc-internal-font-size: var(--arc-font-size-base);
  --arc-internal-font-body: 'DS Inter', system-ui, sans-serif;
  --arc-font-family-body: var(--arc-internal-font-body);
  
  /* Rise Theme Colors */
  --color-theme-rgb: 255,99,30;
  --color-theme: #ff631e;
  --color-theme-contrast: #000;
  --color-theme-contrast-rgb: 0,0,0;
  --color-theme-decorative: var(--color-theme);
  --color-theme-decorative-fg: #000;
  
  /* Rise Typography */
  --font-family-body: Merriweather;
  --font-family-head: Lato;
  --rise-font-family: var(--font-family-body);
  --rise-font-size-base: 1.6rem;  /* 16px */
  --rise-line-height-base: 1.75;

  /* Rise Layout */
  --rise-content-max-width: 76rem;  /* 760px = 1216px actual at 62.5% */
  --rise-color-background: #fff;
  --rise-color-text: #000;
  --rise-color-card: #fff;
  --rise-card-radius: 8px;
  --rise-card-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  --rise-card-padding: 3rem;

  /* Rise Spacing */
  --rise-space-sm: 1rem;
  --rise-space-md: 2rem;
  --rise-space-lg: 3rem;
  --rise-space-xl: 4rem;

  /* Direction */
  --dir-x: 1;

  /* Basic */
  -webkit-font-smoothing: antialiased;

  /* Arc Design System - Spacing Scale (8px base) */
  --arc-space-0: 0px;
  --arc-space-0-25: 2px;
  --arc-space-0-5: 4px;
  --arc-space-0-75: 6px;
  --arc-space-1: 8px;
  --arc-space-1-5: 12px;
  --arc-space-2: 16px;
  --arc-space-2-5: 20px;
  --arc-space-3: 24px;
  --arc-space-4: 32px;
  --arc-space-5: 40px;
  --arc-space-6: 48px;
  --arc-space-7: 56px;
  --arc-space-8: 64px;

  /* Arc Sizes */
  --arc-size-2: 16px;
  --arc-size-2-5: 20px;
  --arc-size-3: 24px;
  --arc-size-3-25: 26px;
  --arc-size-3-5: 28px;
  --arc-size-4: 32px;
  --arc-size-5: 40px;
  --arc-size-6: 48px;

  /* Arc Font Sizes */
  --arc-font-size-10: 1.0rem;
  --arc-font-size-12: 1.2rem;
  --arc-font-size-14: 1.4rem;
  --arc-font-size-16: 1.6rem;
  --arc-font-size-18: 1.8rem;
  --arc-font-size-20: 2.0rem;
  --arc-font-size-24: 2.4rem;

  /* Arc Font Weights */
  --arc-font-weight-400: 400;
  --arc-font-weight-600: 600;
  --arc-font-weight-700: 700;

  /* Arc Border Radius */
  --arc-border-radius-sm: 4px;
  --arc-border-radius-md: 6px;
  --arc-border-radius-lg: 8px;
  --arc-border-radius-xl: 12px;
  --arc-border-radius-pill: 999px;

  /* Arc Backgrounds */
  --arc-color-background-primary: #fff;
  --arc-color-background-primary-hover: #f5f5f5;
  --arc-color-background-primary-selected: #e3f2fd;
  --arc-color-background-secondary: #f8f9fa;
  --arc-color-background-tertiary: #e9ecef;

  /* Arc Text Colors */
  --arc-color-text-primary: #000;
  --arc-color-text-secondary: #666;
  --arc-color-text-tertiary: #999;

  /* Font Family UI */
  --font-family-ui: system-ui, -apple-system, sans-serif;
}