@charset "UTF-8";
/* ==========================================================================
   Design Tokens - OripaStar Column
   CSS custom properties only. No selectors other than :root.
   ========================================================================== */

:root {
  /* --- Base --- */
  --color-bg:          #FFFFFF;
  --color-bg-cream:    #F1EFE8;
  --color-text:        #2C2C2A;
  --color-text-sub:    #5F5E5A;
  --color-border:      #D9D5CC;

  /* --- Brand (black x accent) --- */
  --color-black:       #2C2C2A;
  --color-accent:        #E89CF3;
  --color-accent-light:  rgba(232, 156, 243, 0.12);

  /* --- CTA (green only / do NOT change) --- */
  --color-cta:         #2BBA4D;
  --color-cta-hover:   #229A40;
  --color-cta-text:    #FFFFFF;

  /* --- Rarity --- */
  --color-rarity-blue:   #85B7EB;
  --color-rarity-purple: #AFA9EC;
  --color-rarity-gold:   #EF9F27;
  --color-rarity-red:    #E24B4A;

  /* --- Alert / Urgency --- */
  --color-alert:       #E24B4A;

  /* --- Ranking --- */
  --color-rank-1:      #BA7517;
  --color-rank-2:      #8C8C8C;
  --color-rank-3:      #A56B3A;

  /* --- Typography --- */
  --font-base:         "Hiragino Sans", "Hiragino Kaku Gothic ProN",
                       "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
  --fz-base-pc:        16px;
  --fz-base-sp:        15px;
  --lh-base:           1.8;
  --ls-base:           0.04em;
  --space-paragraph:   1.8em;
  --space-paragraph-sp: 1.6em;
}