/*
Theme Name:   Well This Is Sports
Theme URI:    https://wellthisiissports.com
Description:  Well This Is Sports child theme for Understrap. AI-powered sports prediction platform.
Author:       Well This Is Sports
Author URI:   https://wellthisiissports.com
Template:     understrap
Version:      1.0.0
Tags:         sports, predictions, custom-theme, understrap-child
Text Domain:  wellthiissports-child
*/

/*
 * ─────────────────────────────────────────────
 * DESIGN TOKENS
 * CSS custom properties defined here.
 * Sass variables in sass/_tokens.scss mirror these
 * for compile-time use in component stylesheets.
 *
 * NOTE: Tokens are TBD — awaiting Director approval in Sprint 1 Track B.
 * Placeholder values used for scaffold. Update when tokens are locked.
 * ─────────────────────────────────────────────
 */

:root {

  /* Accent colors — TBD Sprint 1 */
  --wtis-accent:        #E85D26;
  --wtis-accent-dark:   #c44d1e;
  --wtis-accent-2:      #1A73E8;
  --wtis-accent-2-dark: #1558b0;

  /* Confidence meter colors */
  --wtis-confidence-high:   #2E7D32;
  --wtis-confidence-mid:    #F57C00;
  --wtis-confidence-low:    #C62828;

  /* Ink scale */
  --wtis-ink:          #1A1A1A;
  --wtis-ink-mid:      #4A4A4A;
  --wtis-ink-muted:    #787878;
  --wtis-ink-faint:    #B8B8B8;

  /* Paper scale */
  --wtis-paper:        #FFFFFF;
  --wtis-paper-2:      #F5F5F5;
  --wtis-paper-3:      #EBEBEB;
  --wtis-rule:         #E0E0E0;

  /* Typography — TBD Sprint 1 */
  --wtis-font-display: 'Oswald', 'Impact', Arial Narrow, sans-serif;
  --wtis-font-body:    'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --wtis-font-ui:      'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

  /* Type scale */
  --wtis-text-xs:      10px;
  --wtis-text-sm:      11px;
  --wtis-text-base:    13px;
  --wtis-text-md:      14px;
  --wtis-text-lg:      16px;
  --wtis-text-xl:      18px;
  --wtis-text-2xl:     22px;
  --wtis-text-3xl:     28px;
  --wtis-text-4xl:     36px;
  --wtis-text-5xl:     48px;

  /* Spacing scale (8px base) */
  --wtis-space-1:      4px;
  --wtis-space-2:      8px;
  --wtis-space-3:      12px;
  --wtis-space-4:      16px;
  --wtis-space-5:      20px;
  --wtis-space-6:      24px;
  --wtis-space-8:      32px;
  --wtis-space-10:     40px;
  --wtis-space-12:     48px;
  --wtis-space-16:     64px;

  /* Border radius */
  --wtis-radius-sm:    3px;
  --wtis-radius-md:    6px;
  --wtis-radius-lg:    12px;
  --wtis-radius-pill:  999px;

  /* Transitions */
  --wtis-transition:      0.15s ease;
  --wtis-transition-slow: 0.25s ease;

  /* Z-index layers */
  --wtis-z-nav:        200;
  --wtis-z-sticky:     100;

  /* Ad unit sizes */
  --wtis-ad-leaderboard-h:    90px;
  --wtis-ad-rectangle-w:      300px;
  --wtis-ad-rectangle-h:      250px;
  --wtis-ad-halfpage-h:       600px;
  --wtis-ad-mobile-banner-h:  50px;

}