/**
 * tokens.css — ShinJidai Holdings — shared design tokens
 * Single source of truth for colour, type + radius across every page
 * (main site, blog, blog-maker, success.html). Palette sourced
 * from the TradingOS desktop app's LIGHT theme for brand consistency.
 * Load this BEFORE any page-specific stylesheet.
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root {
  /* Surfaces */
  --bg-primary:     #f2f2f2;
  --bg-secondary:   #e4e4e4;
  --bg-surface:     #ffffff;
  --bg-elevated:    #dce8f5;

  /* Accent */
  --accent:         #0057b8;
  --accent-primary: #0057b8;
  --accent-hover:   #1a6fd1;
  --accent-active:  #003d85;
  --accent-glow:    rgba(0,87,184,0.07);
  --accent-glow-lg: rgba(0,87,184,0.12);
  --accent-border:  rgba(0,87,184,0.22);

  /* Text */
  --text-primary:   #1a1a1a;
  --text-secondary: #666666;
  --text-muted:     #888899;
  --text-dim:       #aaaaaa;
  --text-inverse:   #ffffff;

  /* Borders */
  --border-subtle:  #e8e8e8;
  --border-default: #d4d4d4;
  --border-strong:  #aaaaaa;
  --border-accent:  rgba(0,87,184,0.3);

  /* Semantic */
  --success:        #007a30;
  --warning:        #b86000;
  --danger:         #cc2222;
  --success-glow:        rgba(0,122,48,0.06);
  --success-glow-border: rgba(0,122,48,0.3);
  --warning-glow:        rgba(184,96,0,0.05);
  --warning-glow-border: rgba(184,96,0,0.2);
  --danger-glow:         rgba(204,34,34,0.06);
  --danger-glow-border:  rgba(204,34,34,0.3);

  /* Type — Inter everywhere; mono reserved for genuine code blocks only */
  --font-sans:      'Inter', sans-serif;
  --font-mono:      'JetBrains Mono', monospace;

  /* Layout */
  --nav-h:          68px;
  --radius:         0;
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
}