// ===========================================
// functions 関数
// ===========================================

/* Only output numerical values
/* 数値のみ出力する
====================================== */
@function strip-unit($number) {
  @if type-of($number) == 'number' and not unitless($number) {
    @return math.div($number, $number * 0 + 1);
  }
  @return $number;
}

// ========================================
// variables 変数一覧
// ========================================
/* font $size
====================================== */
$font-size-default: 16px;

/* font weight & spacing デザイン基本ウェイト
====================================== */
$font-weight-base: 300;
$letter-spacing-base: 0.04em;
$letter-spacing-display: -0.02em;
$line-height-base: 1.7;
$line-height-display: 1.2;

/* font family
====================================== */
$font-family-base: 'Noto Sans JP', sans-serif;
$font-family-gothic:
  'Helvetica Neue', 'Helvetica', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Arial', 'Yu Gothic',
  'Meiryo', sans-serif;
$font-family-mincho:
  'Times New Roman', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif;
$font-family-sofia: 'Sofia Sans', sans-serif;
// $font-family-custom: ; // Add custom font-family here if needed

/* Break point ブレイクポイント
====================================== */
// min-width
$breakpoint-up: (
  's': 640px,
  'm': 960px,
  'l': 1200px,
) !default;

// max-width → minから1px減らす
$breakpoint-down: () !default;
@each $tag, $size in $breakpoint-up {
  $breakpoint-down: map-merge($breakpoint-down, (#{$tag}: $size - 1));
}

/* max site width コンテンツ最大幅
====================================== */
$max-width-xs: 900px;
$max-width-s: 1280px;
$max-width-m: 1620px;
$max-width-l: 1700px;

/* colors 色管理
====================================== */
$colors: (
  text: #272727,
  // default text color テキストメイン (DESIGN.md text.primary)
  text-sub: #5d5d5d,
  // 補助テキスト (DESIGN.md text.tertiary)
  text-mute: #b0b0b0,
  // ミュートテキスト (DESIGN.md text.inverse)
  text-invert: #ffffff,
  // 反転テキスト
  main: #272727,
  // main key color (文字中心テイストではテキスト色と同調)
  accent: #b08c4a,
  // アクセント (採用ページ等で使用するゴールド系)
  danger: #c75252,
  white: #ffffff,
  black: #000000,
  // surface base (DESIGN.md surface.base)
  gray: #f4f4f4,
  gray-light: #f7f7f5,
  gray-border: #e2e2e2,
  // sns colors
  facebook: #3b5999,
  x: #000000,
  youtube: #cd201f,
  line: #18ba07,
) !default;