/**
 * topix-news テーマ — CSS変数定義
 */

:root {
  --color-primary:       #ff0033;
  --color-primary-dark:  #cc0022;
  --color-nav-bg:        #ffffff;
  --color-nav-border:    #e0e0e0;
  --color-tab-active:    #ff0033;
  --color-bg:            #f4f4f4;
  --color-surface:       #ffffff;
  --color-border:        #e8e8e8;
  --color-text:          #1a1a1a;
  --color-text-muted:    #767676;
  --color-topics-bg:     #ffffff;
  --color-topics-border: #ff0033;
  --color-trend-bg:      #f8f8f8;
  --color-paid-badge:    #ff8c00;
  --color-new-badge:     #ff0033;
  --color-expert-badge:  #0066cc;

  --font-family-base:    'Noto Sans JP', sans-serif;
  --font-size-base:      14px;
  --line-height-base:    1.7;

  --container-max:       1000px;
  --container-padding:   12px;

  --main-width:          66%;
  --sidebar-width:       32%;
  --column-gap:          2%;

  --header-utility-h:    28px;
  --header-logo-h:       64px;
  --header-tab-h:        44px;

  --radius-pill:         20px;
  --radius-sm:           4px;

  --shadow-sm:           0 1px 3px rgba(0, 0, 0, 0.08);
  --transition-fast:     0.2s ease;

  --z-sticky:            100;
  --z-overlay:           200;
}